contact_selector.dart

Go to the documentation of this file.

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:shimmer/shimmer.dart';
import '../../../../../../core/ui/theme/color_palette.dart';
import '../../../../domain/entities/res/res_collection_contact_entity.dart';
import '../../../bloc/collections_information_bloc/collections_information_bloc.dart';
 
class ContactSelector extends StatelessWidget {
  final int? selectedContactId;
  final ValueChanged<int?> onChanged;
 
  const ContactSelector({
    super.key,
    this.selectedContactId,
    required this.onChanged,
  });
 
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<CollectionsInformationBloc, CollectionsInformationState>(
      buildWhen: (previous, current) => 
          current is CollectionContactListLoading || 
          current is CollectionContactListLoaded || 
          current is CollectionContactListError,
      builder: (context, state) {
        if (state is CollectionContactListLoading) {
          return _buildShimmer();
        }
 
        if (state is CollectionContactListError) {
          // return Text(
          //   'Error loading contacts',
          //   style: TextStyle(color: Colors.red, fontSize: 14.sp),
          // );
          return const SizedBox.shrink();
        }
 
        if (state is CollectionContactListLoaded) {
          if (state.contacts.isEmpty) {
            return const SizedBox.shrink();
          }
 
          return _buildSelector(state.contacts);
        }
 
        return const SizedBox.shrink();
      },
    );
  }
 
  Widget _buildShimmer() {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Shimmer.fromColors(
          baseColor: Colors.grey[300]!,
          highlightColor: Colors.grey[100]!,
          child: Container(
            width: 60.sp,
            height: 16.sp,
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.circular(4.sp),
            ),
          ),
        ),
        SizedBox(height: 8.sp),
        Shimmer.fromColors(
          baseColor: Colors.grey[300]!,
          highlightColor: Colors.grey[100]!,
          child: Container(
            height: 48.sp,
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.circular(20.sp),
            ),
          ),
        ),
      ],
    );
  }
 
  Widget _buildSelector(List<ResCollectionContactEntity> contacts) {
    final validContacts = contacts.where((contact) => 
      contact.reference != null && contact.reference!.isNotEmpty
    ).toList();
 
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          'full_fill_collection.contact'.tr(),
          style: TextStyle(
            fontSize: 14.sp,
            color: ColorPalette.grey,
          ),
        ),
        SizedBox(height: 8.sp),
        Container(
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(20.sp),
            border: Border.all(color: ColorPalette.grey.withValues(alpha: 0.2)),
            color: Colors.white,
          ),
          child: DropdownButtonHideUnderline(
            child: DropdownButton<int>(
              isExpanded: true,
              value: selectedContactId,
              hint: Text(
                'full_fill_collection.select_contact'.tr(),
                style: TextStyle(fontSize: 14.sp),
              ),
              icon: const Icon(Icons.keyboard_arrow_down, color: ColorPalette.grey),
              padding: EdgeInsets.symmetric(horizontal: 16.sp),
              borderRadius: BorderRadius.circular(8.sp),
              items: validContacts.map((contact) {
                return DropdownMenuItem<int>(
                  value: contact.id,  // Using contact ID as the value
                  child: Text(
                    contact.reference ?? '',
                    style: TextStyle(fontSize: 14.sp),
                  ),
                );
              }).toList(),
              onChanged: onChanged,
            ),
          ),
        ),
      ],
    );
  }
}