settings_screen.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
import 'package:connect/core/ui/theme/color_palette.dart';
 
import '../../../../core/ui/widgets/custom_snackbar.dart';
import '/core/ui/widgets/custom_card.dart';
import '/core/ui/widgets/custom_scaffold.dart';
import '/features/settings/presentation/settings_screen/widgets/faq_dialog.dart';
import '/features/settings/presentation/settings_screen/widgets/language_selector_dialog.dart';
import '/features/settings/presentation/settings_screen/widgets/notification_enabler_dialog.dart';
import '/features/settings/presentation/settings_screen/widgets/report_an_issue_dialog.dart';
import '/features/settings/presentation/settings_screen/widgets/terms_of_use.dart';
import '/features/settings/presentation/settings_screen/widgets/theme_switcher_dialog.dart';
 
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:hugeicons/hugeicons.dart';
 
import '../../../authentication/presentation/logic/authentication_bloc/authentication_bloc.dart';
import 'widgets/privacy_policy.dart';
 
class SettingScreen extends StatefulWidget {
  const SettingScreen({super.key});
 
  @override
  State<SettingScreen> createState() => _SettingScreenState();
}
 
class _SettingScreenState extends State<SettingScreen> {
  @override
  Widget build(BuildContext context) {
    return CustomScaffold(
      title: AppLocalizations.of(context).translate('SETTINGS'),
      isLeadingVisible: false,
      body: SingleChildScrollView(
        padding: EdgeInsets.symmetric(horizontal: 15.sp, vertical: 10.sp),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            _buildSettingsSections(
              sectionTitle: AppLocalizations.of(context).translate('General'),
              context: context,
              childrens: [
                // _buildSettingsButton(
                //   label: 'Payment Method',
                //   context: context,
                //   onPressed: () {
                //     CustomSnackBar.display(
                //       context,
                //       Theme.of(context).colorScheme.primary,
                //       'Hang tight! Soon, you\'ll effortlessly manage multiple payment methods with just a single click.',
                //     );
                //   },
                // ),
                _buildSettingsButton(
                  label: AppLocalizations.of(context).translate('Appearence'),
                  context: context,
                  suffix: Icon(
                    HugeIcons.strokeRoundedDarkMode,
                    color: Theme.of(context).colorScheme.onSurface,
                  ),
                  onPressed: () {
                    _buildBottomSheet(
                      padding: EdgeInsets.all(5.sp),
                      context: context,
                      body: ThemeSwitcherDialog(),
                    );
                  },
                ),
                _buildSettingsButton(
                  label: AppLocalizations.of(context).translate('Language'),
                  context: context,
                  suffix: Icon(
                    HugeIcons.strokeRoundedLanguageCircle,
                    color: Theme.of(context).colorScheme.onSurface,
                  ),
                  onPressed: () {
                    _buildBottomSheet(
                      padding: EdgeInsets.zero,
                      context: context,
                      body: LanguageSelectorDialog(),
                    );
                  },
                ),
                _buildSettingsButton(
                  label:
                      AppLocalizations.of(context).translate('Notifications'),
                  suffix: Icon(
                    HugeIcons.strokeRoundedNotification03,
                    color: Theme.of(context).colorScheme.onSurface,
                  ),
                  context: context,
                  onPressed: () {
                    _buildBottomSheet(
                      padding: EdgeInsets.zero,
                      body: NotificationEnablerDialog(),
                      context: context,
                    );
                  },
                ),
              ],
            ),
            SizedBox(height: 10.sp),
            _buildSettingsSections(
              sectionTitle: AppLocalizations.of(context).translate('Support'),
              context: context,
              childrens: [
                _buildSettingsButton(
                  label:
                      AppLocalizations.of(context).translate('Report An Issue'),
                  suffix: Icon(
                    HugeIcons.strokeRoundedAlert01,
                    color: Theme.of(context).colorScheme.onSurface,
                  ),
                  onPressed: () {
                    CustomSnackBar.display(
                      context,
                      ColorPalette.lightGreen,
                      AppLocalizations.of(context).translate(
                          'Hang tight! this feature will is coming soon'),
                    );
                    // _buildBottomSheet(
                    //   body: ReportAnIsueDialog(),
                    //   context: context,
                    // );
                  },
                  context: context,
                ),
                _buildSettingsButton(
                  label: AppLocalizations.of(context).translate('FAQ'),
                  suffix: Icon(
                    HugeIcons.strokeRoundedMessageQuestion,
                    color: Theme.of(context).colorScheme.onSurface,
                  ),
                  onPressed: () {
                    _buildBottomSheet(
                      padding: EdgeInsets.all(5.sp),
                      body: FaqDialog(),
                      context: context,
                    );
                  },
                  context: context,
                ),
              ],
            ),
            SizedBox(height: 10.sp),
            _buildSettingsSections(
              sectionTitle:
                  AppLocalizations.of(context).translate('User Agreements'),
              context: context,
              childrens: [
                _buildSettingsButton(
                  label:
                      AppLocalizations.of(context).translate('Privacy Policy'),
                  suffix: Icon(
                    HugeIcons.strokeRoundedShieldUser,
                    color: Theme.of(context).colorScheme.onSurface,
                  ),
                  onPressed: () {
                    _buildBottomSheet(
                      padding: EdgeInsets.all(15.sp),
                      body: PrivacyPolicyDisplayer(),
                      context: context,
                    );
                  },
                  context: context,
                ),
                _buildSettingsButton(
                  label: AppLocalizations.of(context).translate('Terms of use'),
                  suffix: Icon(
                    HugeIcons.strokeRoundedPolicy,
                    color: Theme.of(context).colorScheme.onSurface,
                  ),
                  onPressed: () {
                    _buildBottomSheet(
                      padding: EdgeInsets.all(15.sp),
                      body: TermsOfUseDisplayer(),
                      context: context,
                    );
                  },
                  context: context,
                ),
              ],
            ),
            SizedBox(height: 10.sp),
            _buildSettingsSections(
              sectionTitle: AppLocalizations.of(context).translate('Account'),
              context: context,
              childrens: [
                _buildSettingsButton(
                  label: AppLocalizations.of(context).translate('Logout'),
                  suffix: Icon(
                    HugeIcons.strokeRoundedLogout03,
                    color: Theme.of(context).colorScheme.error,
                  ),
                  color: Theme.of(context).colorScheme.error,
                  onPressed: () {
                    context.read<AuthenticationBloc>().add(SignOutEvent());
                  },
                  context: context,
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
 
  _buildBottomSheet({
    required Widget body,
    required BuildContext context,
    EdgeInsets? padding,
  }) {
    return showModalBottomSheet(
      context: context,
      isScrollControlled: true,
      backgroundColor: Colors.transparent,
      builder: (context) => Padding(
        padding: EdgeInsets.all(10.sp),
        child: CustomCard(
          padding: padding,
          child: body,
        ),
      ),
    );
  }
 
  _buildSettingsSections({
    required String sectionTitle,
    required List<Widget> childrens,
    required BuildContext context,
  }) {
    return SafeArea(
      child: CustomCard(
        padding: EdgeInsets.zero,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            ...childrens,
          ],
        ),
      ),
    );
  }
 
  _buildSettingsButton({
    required String label,
    Widget? suffix,
    Color? color,
    required Function()? onPressed,
    required BuildContext context,
  }) {
    return ElevatedButton(
      onPressed: onPressed,
      style: ElevatedButton.styleFrom(
          backgroundColor: Theme.of(context).colorScheme.surface,
          overlayColor: color?.withOpacity(0.11) ??
              Theme.of(context).primaryColor.withOpacity(0.11),
          padding: EdgeInsets.symmetric(
            horizontal: 10.sp,
            vertical: 20.sp,
          )),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Text(
            label,
            style: Theme.of(context).textTheme.bodySmall?.copyWith(
                  color: color ??
                      Theme.of(context).colorScheme.onSurface.withOpacity(0.7),
                ),
          ),
          suffix ??
              Icon(
                HugeIcons.strokeRoundedArrowRight02,
                size: 17.sp,
                color: color ??
                    Theme.of(context).colorScheme.onSurface.withOpacity(0.5),
              ),
        ],
      ),
    );
  }
}