faq_dialog.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
 
import '/core/ui/screens/views/faild_to_fetch_data_view.dart';
import '/features/settings/domain/entities/faq_entity.dart';
import '/features/settings/presentation/logic/faq_cubit/faq_cubit.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
class FaqDialog extends StatefulWidget {
  const FaqDialog({super.key});
 
  @override
  State<FaqDialog> createState() => _FaqDialogState();
}
 
class _FaqDialogState extends State<FaqDialog> {
  @override
  void initState() {
    _loadfaqs();
    super.initState();
  }
 
  _loadfaqs() {
    context.read<FaqCubit>().loadFaq();
  }
 
  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        BlocBuilder<FaqCubit, FaqState>(
          builder: (context, state) {
            if (state is FaqLoadingSuccessfully) {
              return FAQListWidget(faqs: state.faqs);
            } else if (state is FaqLoadingFailure) {
              return FailedToFetchDataView(
                onRetry: () {
                  _loadfaqs();
                },
                padding: EdgeInsets.zero,
                failureMessage: state.failure.message,
              );
            } else {
              return Center(
                child: Padding(
                  padding: EdgeInsets.all(15.sp),
                  child: SizedBox(
                    height: 30.sp,
                    width: 30.sp,
                    child: const CircularProgressIndicator(),
                  ),
                ),
              );
            }
          },
        ),
      ],
    );
  }
}
 
class FAQListWidget extends StatelessWidget {
  final List<FAQEntity> faqs;
 
  const FAQListWidget({super.key, required this.faqs});
 
  @override
  Widget build(BuildContext context) {
    return faqs.isEmpty
        ? Padding(
            padding: EdgeInsets.all(15.0),
            child: Center(
              child: Text(
                AppLocalizations.of(context)
                    .translate('Nothing to show here right now'),
                style: Theme.of(context).textTheme.bodySmall,
              ),
            ),
          )
        : ListView.separated(
            shrinkWrap: true,
            itemCount: faqs.length,
            separatorBuilder: (context, index) => Divider(
              height: 10.sp,
              thickness: 0.7,
            ),
            itemBuilder: (context, index) {
              final faq = faqs[index];
              return FAQItemWidget(faq: faq);
            },
          );
  }
}
 
class FAQItemWidget extends StatelessWidget {
  final FAQEntity faq;
 
  const FAQItemWidget({super.key, required this.faq});
 
  @override
  Widget build(BuildContext context) {
    return Theme(
      data: Theme.of(context).copyWith(dividerColor: Colors.transparent),
      child: ExpansionTile(
        title: Text(
          faq.name ??
              AppLocalizations.of(context).translate('No name available'),
          style: Theme.of(context).textTheme.bodySmall,
        ),
        children: [
          Padding(
            padding: EdgeInsets.symmetric(horizontal: 14.sp, vertical: 5.sp),
            child: Opacity(
              opacity: 0.7,
              child: Text(
                faq.answer ??
                    AppLocalizations.of(context)
                        .translate('No answer available'),
                style: Theme.of(context).textTheme.bodySmall,
              ),
            ),
          ),
        ],
      ),
    );
  }
}