documents_listview.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
import 'package:connect/features/account/screens/cubit/document_cubit/document_cubit.dart';
import 'package:connect/features/account/screens/profile_screen/widgets/documents_button.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../../../../../core/ui/theme/color_palette.dart';
import '../../../../../core/ui/widgets/custom_snackbar.dart';
 
class DocumentsListView extends StatelessWidget {
  const DocumentsListView({super.key});
 
  @override
  Widget build(BuildContext context) {
    return BlocConsumer<DocumentCubit, DocumentState>(
      listener: (context, state) {
        if (state is DocumentLoadingFailureState) {
          CustomSnackBar.display(
            context,
            ColorPalette.red,
            AppLocalizations.of(context)
                .translate('Failed to load profile documents'),
          );
        }
      },
      builder: (context, state) {
        if (state is DocumentLoadedState) {
          return state.documents.isEmpty
              ? SizedBox()
              : Container(
                  decoration: BoxDecoration(
                    color: Theme.of(context).colorScheme.surface,
                    borderRadius: BorderRadius.circular(10),
                  ),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Padding(
                        padding: EdgeInsets.symmetric(
                            horizontal: 16.sp, vertical: 12.sp),
                        child: Text(
                          AppLocalizations.of(context)
                              .translate('Your Documents'),
                          style: Theme.of(context).textTheme.bodySmall,
                        ),
                      ),
                      Padding(
                        padding: EdgeInsets.symmetric(horizontal: 16.sp),
                        child: GridView.builder(
                          shrinkWrap: true,
                          physics: NeverScrollableScrollPhysics(),
                          gridDelegate:
                              SliverGridDelegateWithFixedCrossAxisCount(
                            crossAxisCount: 2,
                            crossAxisSpacing: 12.sp,
                            mainAxisSpacing: 12.sp,
                            childAspectRatio: 2.5,
                          ),
                          itemCount: state.documents.length,
                          itemBuilder: (BuildContext context, int index) {
                            return DocumentsButton(
                              document: state.documents[index],
                            );
                          },
                        ),
                      ),
                      SizedBox(height: 20.sp),
                    ],
                  ),
                );
        } else if (state is LoadingDocumentState) {
          return Padding(
            padding: EdgeInsets.symmetric(vertical: 20.sp),
            child: Center(
              child: SizedBox(
                height: 24.sp,
                width: 24.sp,
                child: CircularProgressIndicator(
                  strokeWidth: 2.sp,
                ),
              ),
            ),
          );
        } else {
          return SizedBox();
        }
      },
    );
  }
}