ente/lib/ui/growth/storage_details_screen.dart

import "dart:math";

import "package:flutter/material.dart";
import "package:photos/models/api/storage_bonus/storage_bonus.dart";
import "package:photos/models/user_details.dart";
import "package:photos/services/storage_bonus_service.dart";
import "package:photos/theme/ente_theme.dart";
import "package:photos/ui/common/loading_widget.dart";
import "package:photos/ui/components/icon_button_widget.dart";
import "package:photos/ui/components/title_bar_title_widget.dart";
import "package:photos/ui/components/title_bar_widget.dart";
import "package:photos/utils/data_util.dart";

class StorageDetailsScreen extends StatefulWidget {
  final ReferralView referralView;
  final UserDetails userDetails;
  const StorageDetailsScreen(this.referralView, this.userDetails, {super.key});

  @override
  State<StorageDetailsScreen> createState() => _StorageDetailsScreenState();
}

class _StorageDetailsScreenState extends State<StorageDetailsScreen> {
  bool canApplyCode = true;

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    final colorScheme = getEnteColorScheme(context);
    final textStyle = getEnteTextTheme(context);
    return Scaffold(
      body: CustomScrollView(
        primary: false,
        slivers: <Widget>[
          TitleBarWidget(
            flexibleSpaceTitle: const TitleBarTitleWidget(
              title: "Claim free storage",
            ),
            flexibleSpaceCaption: "Details",
            actionIcons: [
              IconButtonWidget(
                icon: Icons.close_outlined,
                iconButtonType: IconButtonType.secondary,
                onTap: () {
                  Navigator.of(context)
                    ..pop()
                    ..pop()
                    ..pop();
                },
              ),
            ],
          ),
          SliverList(
            delegate: SliverChildBuilderDelegate(
              (delegateBuildContext, index) {
                return Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 12),
                  child: Padding(
                    padding: const EdgeInsets.symmetric(vertical: 20),
                    // wrap the child inside a FutureBuilder to get the
                    // current state of the TextField
                    child: FutureBuilder<BonusDetails>(
                      future: StorageBonusService.instance
                          .getGateway()
                          .getBonusDetails(),
                      builder: (context, snapshot) {
                        if (snapshot.connectionState ==
                            ConnectionState.waiting) {
                          return const Center(
                            child: Padding(
                              padding: EdgeInsets.only(top: 48.0),
                              child: EnteLoadingWidget(),
                            ),
                          );
                        }
                        if (snapshot.hasError) {
                          debugPrint(snapshot.error.toString());
                          return const Text("Oops, something went wrong");
                        } else {
                          final BonusDetails data = snapshot.data!;
                          return Padding(
                            padding:
                                const EdgeInsets.symmetric(horizontal: 12.0),
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                BonusInfoSection(
                                  sectionName: "People using your code",
                                  leftValue: data.refUpgradeCount,
                                  leftUnitName: "eligible",
                                  rightValue: data.refUpgradeCount >= 0
                                      ? data.refCount
                                      : null,
                                  rightUnitName: "total",
                                  showUnit: data.refCount > 0,
                                ),
                                data.hasAppliedCode
                                    ? const BonusInfoSection(
                                        sectionName: "Code used by you",
                                        leftValue: 1,
                                        showUnit: false,
                                      )
                                    : const SizedBox.shrink(),
                                BonusInfoSection(
                                  sectionName: "Free storage claimed",
                                  leftValue: convertBytesToAbsoluteGBs(
                                    widget.referralView.claimedStorage,
                                  ),
                                  leftUnitName: "GB",
                                  rightValue: null,
                                ),
                                BonusInfoSection(
                                  sectionName: "Free storage usable",
                                  leftValue: convertBytesToAbsoluteGBs(
                                    min(
                                      widget.referralView.claimedStorage,
                                      widget.userDetails.getTotalStorage(),
                                    ),
                                  ),
                                  leftUnitName: "GB",
                                  rightValue: convertBytesToAbsoluteGBs(
                                    widget.userDetails.getTotalStorage(),
                                  ),
                                  rightUnitName: "GB",
                                ),
                                const SizedBox(
                                  height: 24,
                                ),
                                Text(
                                  "Usable storage is limited by your current"
                                  " plan. Excess"
                                  " claimed storage will automatically become"
                                  " usable when you upgrade your plan.",
                                  style: textStyle.small
                                      .copyWith(color: colorScheme.textMuted),
                                )
                              ],
                            ),
                          );
                        }
                      },
                    ),
                  ),
                );
              },
              childCount: 1,
            ),
          ),
        ],
      ),
    );
  }
}

class BonusInfoSection extends StatelessWidget {
  final String sectionName;
  final bool showUnit;
  final String leftUnitName;
  final String rightUnitName;
  final int leftValue;
  final int? rightValue;

  const BonusInfoSection({
    super.key,
    required this.sectionName,
    required this.leftValue,
    this.leftUnitName = "GB",
    this.rightValue,
    this.rightUnitName = "GB",
    this.showUnit = true,
  });

  @override
  Widget build(BuildContext context) {
    final colorScheme = getEnteColorScheme(context);
    final textStyle = getEnteTextTheme(context);
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          sectionName,
          style: textStyle.body.copyWith(
            color: colorScheme.textMuted,
          ),
        ),
        const SizedBox(height: 2),
        RichText(
          text: TextSpan(
            children: [
              TextSpan(
                text: leftValue.toString(),
                style: textStyle.h3,
              ),
              TextSpan(
                text: showUnit ? " $leftUnitName" : "",
                style: textStyle.large,
              ),
              TextSpan(
                text: (rightValue != null && rightValue! > 0)
                    ? " / ${rightValue.toString()}"
                    : "",
                style: textStyle.h3,
              ),
              TextSpan(
                text: showUnit && (rightValue != null && rightValue! > 0)
                    ? " $rightUnitName"
                    : "",
                style: textStyle.large,
              ),
            ],
          ),
        ),
        const SizedBox(height: 24),
      ],
    );
  }
}