kenmirrors/ente
1
0
Fork 0
mirror of https://github.com/ente-io/ente.git synced 2025-08-05 14:17:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

[mob][photos] Add animation when to price when switching between monthly and yearly plans

Browse Source
This commit is contained in:
ashilkn 2024-07-27 12:48:07 +05:30
parent 41f59ec9ca
commit 63fe67d677
2 changed files with 15 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
mobile/lib/ui/payment/stripe_subscription_page.dart
View File

@ -212,10 +212,8 @@ class _StripeSubscriptionPageState extends State<StripeSubscriptionPage> {
widgets.add(
SubscriptionToggle(
onToggle: (p0) {
Future.delayed(const Duration(milliseconds: 175), () {
_showYearlyPlan = p0;
_filterStripeForUI();
});
_showYearlyPlan = p0;
_filterStripeForUI();
},
),
);

40
mobile/lib/ui/payment/subscription_plan_widget.dart
View File

@ -1,6 +1,7 @@
import "package:flutter/foundation.dart";
import 'package:flutter/material.dart';
import "package:flutter/scheduler.dart";
import "package:flutter_animate/flutter_animate.dart";
import "package:photos/theme/colors.dart";
import "package:photos/theme/ente_theme.dart";
import 'package:photos/utils/data_util.dart';
@ -139,19 +140,14 @@ class _Price extends StatelessWidget {
);
}
if (period == "month") {
return RichText(
text: TextSpan(
children: <TextSpan>[
TextSpan(
text: price,
style: textTheme.largeBold.copyWith(color: textBaseLight),
),
TextSpan(
text: ' / ' 'month',
style: textTheme.largeBold.copyWith(color: textBaseLight),
),
],
),
return Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Text(
price + ' / ' + 'month',
style: textTheme.largeBold.copyWith(color: textBaseLight),
).animate().fadeIn(duration: const Duration(milliseconds: 175)),
],
);
} else if (period == "year") {
final currencySymbol = price[0];
@ -162,26 +158,16 @@ class _Price extends StatelessWidget {
return Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
RichText(
text: TextSpan(
children: <TextSpan>[
TextSpan(
text: currencySymbol + pricePerMonthString,
style: textTheme.largeBold.copyWith(color: textBaseLight),
),
TextSpan(
text: ' / ' 'month',
style: textTheme.largeBold.copyWith(color: textBaseLight),
),
],
),
Text(
currencySymbol + pricePerMonthString + ' / ' + 'month',
style: textTheme.largeBold.copyWith(color: textBaseLight),
),
Text(
price + " / " + "yr",
style: textTheme.body.copyWith(color: textFaintLight),
),
],
);
).animate().fadeIn(duration: const Duration(milliseconds: 175));
} else {
assert(false, "Invalid period: $period");
return const Text("");