improve debug mode

Author: amaury901130

app/lib/presentation/ui/custom/terms_services_check.dart

@@ -0,0 +1,60 @@
+import 'package:app/presentation/resources/locale/generated/l10n.dart';
+import 'package:app/presentation/resources/resources.dart';
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+
+class TermsServicesCheck extends StatelessWidget {
+  final bool agreeToTerms;
+  final void Function(bool)? onChanged;
+
+  const TermsServicesCheck({
+    super.key,
+    this.agreeToTerms = false,
+    this.onChanged,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: double.infinity,
+      child: TextButton(
+        style: Theme.of(context).textButtonTheme.style?.copyWith(
+              alignment: Alignment.centerLeft, // <-- important
+              padding: WidgetStateProperty.all(
+                EdgeInsets.zero,
+              ), // optional, but helps
+            ),
+        onPressed: () => onChanged?.call(!agreeToTerms),
+        child: Row(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Checkbox(
+              value: agreeToTerms,
+              onChanged: (value) => onChanged?.call(!agreeToTerms),
+            ),
+            Expanded(
+              child: Text(
+                S.of(context).labelAgreeToTerms,
+                style: Theme.of(context).textTheme.titleSmall,
+                maxLines: 2,
+                textAlign: TextAlign.start,
+              ),
+            ),
+            const Gap(Dimen.spacingS),
+            IconButton(
+              onPressed: () {
+                ScaffoldMessenger.of(context).showSnackBar(
+                  SnackBar(
+                    content: Text(S.of(context).hintTermsAndConditions),
+                  ),
+                );
+              },
+              icon: const Icon(Icons.info),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

app/lib/presentation/ui/pages/auth/login/login_form.dart

@@ -2,6 +2,7 @@ import 'package:app/presentation/navigation/routers.dart';
 import 'package:app/presentation/resources/locale/generated/l10n.dart';
 import 'package:app/presentation/resources/resources.dart';
 import 'package:app/presentation/ui/components/primary_button.dart';
+import 'package:app/presentation/ui/custom/terms_services_check.dart';
 import 'package:common/core/resource.dart';
 import 'package:domain/bloc/auth/auth_cubit.dart';
 import 'package:flutter/material.dart';
@@ -83,35 +84,13 @@ class _LoginFormState extends State<LoginForm> {
             style: Theme.of(context).textTheme.bodySmall,
           ),
           const Gap(Dimen.spacingM),
-          TextButton(
-            onPressed: () => setState(() {
-              agreeToTerms = !agreeToTerms;
-            }),
-            child: Row(
-              children: [
-                Checkbox(
-                  value: agreeToTerms,
-                  onChanged: (value) => setState(() {
-                    agreeToTerms = value ?? false;
-                  }),
-                ),
-                Text(
-                  S.of(context).labelAgreeToTerms,
-                  style: Theme.of(context).textTheme.titleSmall,
-                ),
-                const Gap(Dimen.spacingS),
-                IconButton(
-                  onPressed: () {
-                    ScaffoldMessenger.of(context).showSnackBar(
-                      SnackBar(
-                        content: Text(S.of(context).hintTermsAndConditions),
-                      ),
-                    );
-                  },
-                  icon: const Icon(Icons.info),
-                )
-              ],
-            ),
+          TermsServicesCheck(
+            agreeToTerms: agreeToTerms,
+            onChanged: (value) {
+              setState(() {
+                agreeToTerms = value;
+              });
+            },
           ),
           const Gap(Dimen.spacingM),
           BlocBuilder<AuthCubit, Resource>(

app/lib/presentation/ui/pages/auth/sign_up/sign_up_form.dart

@@ -1,6 +1,7 @@
 import 'package:app/presentation/resources/locale/generated/l10n.dart';
 import 'package:app/presentation/resources/resources.dart';
 import 'package:app/presentation/ui/components/primary_button.dart';
+import 'package:app/presentation/ui/custom/terms_services_check.dart';
 import 'package:common/core/resource.dart';
 import 'package:common/validators/form_validator.dart';
 import 'package:domain/bloc/auth/auth_cubit.dart';
@@ -98,35 +99,13 @@ class _SignUpFormState extends State<SignUpForm> {
             },
           ),
           const Gap(Dimen.spacingM),
-          TextButton(
-            onPressed: () => setState(() {
-              agreeToTerms = !agreeToTerms;
-            }),
-            child: Row(
-              children: [
-                Checkbox(
-                  value: agreeToTerms,
-                  onChanged: (value) => setState(() {
-                    agreeToTerms = value ?? false;
-                  }),
-                ),
-                Text(
-                  S.of(context).labelAgreeToTerms,
-                  style: Theme.of(context).textTheme.titleSmall,
-                ),
-                const Gap(Dimen.spacingS),
-                IconButton(
-                  onPressed: () {
-                    ScaffoldMessenger.of(context).showSnackBar(
-                      SnackBar(
-                        content: Text(S.of(context).hintTermsAndConditions),
-                      ),
-                    );
-                  },
-                  icon: const Icon(Icons.info),
-                )
-              ],
-            ),
+          TermsServicesCheck(
+            agreeToTerms: agreeToTerms,
+            onChanged: (value) {
+              setState(() {
+                agreeToTerms = value;
+              });
+            },
           ),
           const Gap(Dimen.spacingM),
           BlocBuilder<AuthCubit, Resource>(