time_ranges_field.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
 
import '/features/collections/domain/entities/collection_entity.dart';
import '/features/collections/presentation/logic/proposed_times_cubit/proposed_times_cubit.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';
 
class TimeRangeField extends StatefulWidget {
  const TimeRangeField({
    super.key,
    required this.selectedTimeRange,
    required this.onPickTimeRange,
  });
 
  final ProposedTimeEntity? selectedTimeRange;
  final Function(ProposedTimeEntity pickedTimeRange) onPickTimeRange;
 
  @override
  State<TimeRangeField> createState() => _TimeRangeFieldState();
}
 
class _TimeRangeFieldState extends State<TimeRangeField> {
  @override
  void initState() {
    context.read<ProposedTimesCubit>().loadProposedTimes();
    super.initState();
  }
 
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<ProposedTimesCubit, ProposedTimesState>(
      builder: (context, state) {
        return Container(
          padding: EdgeInsets.symmetric(horizontal: 15.sp),
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(10),
            color: Theme.of(context).colorScheme.surface,
          ),
          child: _adaptChilftoState(state, context),
        );
      },
    );
  }
 
  _adaptChilftoState(ProposedTimesState state, BuildContext context) {
    if (state is ProposedTimesLoadedState) {
      return DropdownButton<ProposedTimeEntity>(
        padding: EdgeInsets.zero,
        value: widget.selectedTimeRange,
        hint: Text(
          AppLocalizations.of(context).translate('select range'),
          style: Theme.of(context).textTheme.bodySmall,
        ),
        underline: const SizedBox(),
        style: Theme.of(context).textTheme.bodySmall,
        onChanged: (ProposedTimeEntity? timeRange) {
          if (timeRange != null) {
            widget.onPickTimeRange(timeRange);
          }
        },
        dropdownColor: Theme.of(context).colorScheme.surface,
        iconEnabledColor: Theme.of(context).colorScheme.onSurface,
        icon: Icon(
          HugeIcons.strokeRoundedArrowDown01,
          size: 14.sp,
        ),
        items: state.times.map((ProposedTimeEntity time) {
          return DropdownMenuItem<ProposedTimeEntity>(
            value: time,
            child: Text(
              time.name ?? '',
            ),
          );
        }).toList(),
      );
    }
    if (state is ProposedTimesLoadingState) {
      return const CircularProgressIndicator();
    } else {
      return const SizedBox();
    }
  }
}