github-mirrors/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2025-04-24 14:47:13 -04:00
Code Issues Projects Releases Packages Wiki Activity

feat: add loading indicator in continue to sign in button (#7799)

Browse source
This commit is contained in:
Lucas 2025-04-22 09:55:10 +08:00 • committed by GitHub
parent 0cdecee771
commit 14b5e4e184
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 59 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

74
frontend/appflowy_flutter/lib/user/presentation/screens/sign_in_screen/widgets/continue_with/continue_with_magic_link_or_passcode_page.dart
View file

@ -35,6 +35,8 @@ class _ContinueWithMagicLinkOrPasscodePageState
final inputPasscodeKey = GlobalKey<AFTextFieldState>();
bool isSubmitting = false;
@override
void dispose() {
passcodeController.dispose();
@ -54,6 +56,10 @@ class _ContinueWithMagicLinkOrPasscodePageState
);
});
}
if (state.isSubmitting != isSubmitting) {
setState(() => isSubmitting = state.isSubmitting);
}
},
child: Scaffold(
body: Center(
@ -81,6 +87,15 @@ class _ContinueWithMagicLinkOrPasscodePageState
List<Widget> _buildEnterCodeManually() {
// todo: ask designer to provide the spacing
final spacing = VSpace(20);
final textStyle = AFButtonSize.l.buildTextStyle(context);
final textHeight = textStyle.height;
final textFontSize = textStyle.fontSize;
// the indicator height is the height of the text style.
double indicatorHeight = 20;
if (textHeight != null && textFontSize != null) {
indicatorHeight = textHeight * textFontSize;
}
if (!isEnteringPasscode) {
return [
@ -116,26 +131,55 @@ class _ContinueWithMagicLinkOrPasscodePageState
VSpace(12),
// continue to login
AFFilledTextButton.primary(
text: LocaleKeys.signIn_continueToSignIn.tr(),
onTap: () {
final passcode = passcodeController.text;
if (passcode.isEmpty) {
inputPasscodeKey.currentState?.syncError(
errorText: LocaleKeys.signIn_invalidVerificationCode.tr(),
);
} else {
widget.onEnterPasscode(passcode);
}
},
size: AFButtonSize.l,
alignment: Alignment.center,
),
!isSubmitting
? _buildContinueButton(textStyle: textStyle)
: _buildIndicator(indicatorHeight: indicatorHeight),
spacing,
];
}
Widget _buildContinueButton({
required TextStyle textStyle,
}) {
return AFFilledTextButton.primary(
text: LocaleKeys.signIn_continueToSignIn.tr(),
onTap: () {
final passcode = passcodeController.text;
if (passcode.isEmpty) {
inputPasscodeKey.currentState?.syncError(
errorText: LocaleKeys.signIn_invalidVerificationCode.tr(),
);
} else {
widget.onEnterPasscode(passcode);
}
},
textStyle: textStyle.copyWith(
color: AppFlowyTheme.of(context).textColorScheme.onFill,
),
size: AFButtonSize.l,
alignment: Alignment.center,
);
}
Widget _buildIndicator({
required double indicatorHeight,
}) {
return AFFilledButton.disabled(
size: AFButtonSize.l,
builder: (context, isHovering, disabled) {
return Align(
child: SizedBox.square(
dimension: indicatorHeight,
child: CircularProgressIndicator(
strokeWidth: 3.0,
),
),
);
},
);
}
List<Widget> _buildBackToLogin() {
return [
AFGhostTextButton(