first commit

lib/screens/collections/collections_screen.dart

@@ -0,0 +1,119 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:get_it_mixin/get_it_mixin.dart';
+import 'package:remever/common/resources.dart';
+import 'package:remever/components/extensions/context.dart';
+import 'package:remever/components/notifiers/home_screen_data.dart';
+import 'package:remever/screens/collections/cubit/collection_cubit.dart';
+
+@RoutePage()
+class CollectionScreen extends StatelessWidget with GetItMixin {
+  CollectionScreen({super.key});
+
+  /// Флаг что надо показывать Fab
+  bool get _showFab {
+    return watchOnly<CollectionData, bool>((CollectionData d) => d.showFAB);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocProvider<CollectionCubit>(
+      create: (context) => CollectionCubit(),
+
+      child: Scaffold(
+        backgroundColor: AppColors.bg,
+        // appBar: const CollectionsAppBar(),
+        body: _buildMain(context),
+        floatingActionButton: Builder(
+          builder: (BuildContext context) {
+            return AnimatedOpacity(
+              opacity: _showFab ? 1.0 : 0.0,
+              duration: const Duration(milliseconds: 200),
+              child: FloatingActionButton(
+                backgroundColor: AppColors.primary,
+                onPressed: () {},
+                // context.read<HomeCubit>().toCrudCollection(CrudType.CREATE),
+                child: const Icon(Icons.add),
+              ),
+            );
+          },
+        ),
+      ),
+    );
+  }
+
+  ///
+  /// Построение основго экрана
+  ///
+  Widget _buildMain(BuildContext context) {
+    return BlocBuilder<CollectionCubit, CollectionState>(
+      builder: (context, state) {
+        return state.when(
+          loading: () => _LoadingList(),
+          data:
+              () => const Column(
+                children: <Widget>[
+                  // CollectionsFilters(),
+                  _CollectionList(),
+                ],
+              ),
+          empty: () => _EmptyList(),
+          error: () => _ErrorList(),
+        );
+      },
+    );
+  }
+}
+
+class _LoadingList extends StatelessWidget {
+  const _LoadingList();
+
+  @override
+  Widget build(BuildContext context) {
+    return const Placeholder(color: Colors.green);
+  }
+}
+
+class _ErrorList extends StatelessWidget {
+  const _ErrorList();
+
+  @override
+  Widget build(BuildContext context) {
+    return const Placeholder(color: Colors.brown);
+  }
+}
+
+class _EmptyList extends StatelessWidget {
+  const _EmptyList();
+
+  @override
+  Widget build(BuildContext context) {
+    return const Placeholder(color: Colors.red);
+  }
+}
+
+class _CollectionList extends StatelessWidget {
+  const _CollectionList();
+
+  // @override
+  @override
+  Widget build(BuildContext context) {
+    print('build _CollectionList');
+    final CollectionCubit collectionCubit = context.read<CollectionCubit>();
+    collectionCubit.initScrollListener();
+
+    return Expanded(
+      child: ListView.builder(
+        controller: collectionCubit.collectionController,
+        itemCount: 20,
+        padding: const EdgeInsets.symmetric(horizontal: 16).r,
+        itemBuilder:
+            (BuildContext context, int index) => Padding(
+              padding: const EdgeInsets.only(bottom: 8).r,
+              // child: const CollectionCard(),
+            ),
+      ),
+    );
+  }
+}

lib/screens/collections/cubit/collection_cubit.dart

@@ -0,0 +1,61 @@
+import 'package:bloc/bloc.dart';
+import 'package:flutter/material.dart';
+import 'package:freezed_annotation/freezed_annotation.dart';
+import 'package:remever/components/notifiers/home_screen_data.dart';
+import 'package:remever/inject.dart';
+
+part 'collection_state.dart';
+part 'collection_cubit.freezed.dart';
+
+class CollectionCubit extends Cubit<CollectionState> {
+  CollectionCubit() : super(CollectionState.loading());
+
+  /// Нотифаер домашнего экрана
+  CollectionData get _cd => getIt<CollectionData>();
+
+  /// Контроллер скролла для коллекции
+  final ScrollController collectionController = ScrollController();
+
+  /// Позиция скролле
+  double _previousScrollOffset = 0.0;
+
+  /// Индекс выбранной фильтрации коллекции
+  int collectionFiltersIndex = 0;
+
+  void initScrollListener() {
+    collectionController.addListener(() {
+      final double currentScrollOffset = collectionController.offset;
+      final bool isScrollingDown = currentScrollOffset > _previousScrollOffset;
+
+      if (isScrollingDown) {
+        _cd.showFab(false);
+      } else {
+        _cd.showFab(true);
+      }
+
+      _previousScrollOffset = currentScrollOffset;
+    });
+  }
+
+  @override
+  Future<void> close() {
+    collectionController.dispose();
+    return super.close();
+  }
+
+  Future<void> toLoadingState() async {
+    emit(CollectionState.loading());
+  }
+
+  Future<void> toDataState() async {
+    emit(CollectionState.data());
+  }
+
+  Future<void> toEmptyState() async {
+    emit(CollectionState.empty());
+  }
+
+  Future<void> toErrorState() async {
+    emit(CollectionState.error());
+  }
+}

lib/screens/collections/cubit/collection_cubit.freezed.dart

@@ -0,0 +1,560 @@
+// coverage:ignore-file
+// GENERATED CODE - DO NOT MODIFY BY HAND
+// ignore_for_file: type=lint
+// ignore_for_file: unused_element, deprecated_member_use, deprecated_member_use_from_same_package, use_function_type_syntax_for_parameters, unnecessary_const, avoid_init_to_null, invalid_override_different_default_values_named, prefer_expression_function_bodies, annotate_overrides, invalid_annotation_target, unnecessary_question_mark
+
+part of 'collection_cubit.dart';
+
+// **************************************************************************
+// FreezedGenerator
+// **************************************************************************
+
+T _$identity<T>(T value) => value;
+
+final _privateConstructorUsedError = UnsupportedError(
+  'It seems like you constructed your class using `MyClass._()`. This constructor is only meant to be used by freezed and you are not supposed to need it nor use it.\nPlease check the documentation here for more information: https://github.com/rrousselGit/freezed#adding-getters-and-methods-to-our-models',
+);
+
+/// @nodoc
+mixin _$CollectionState {
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() loading,
+    required TResult Function() data,
+    required TResult Function() empty,
+    required TResult Function() error,
+  }) => throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? loading,
+    TResult? Function()? data,
+    TResult? Function()? empty,
+    TResult? Function()? error,
+  }) => throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? loading,
+    TResult Function()? data,
+    TResult Function()? empty,
+    TResult Function()? error,
+    required TResult orElse(),
+  }) => throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Data value) data,
+    required TResult Function(_Empty value) empty,
+    required TResult Function(_Error value) error,
+  }) => throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Data value)? data,
+    TResult? Function(_Empty value)? empty,
+    TResult? Function(_Error value)? error,
+  }) => throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Data value)? data,
+    TResult Function(_Empty value)? empty,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) => throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class $CollectionStateCopyWith<$Res> {
+  factory $CollectionStateCopyWith(
+    CollectionState value,
+    $Res Function(CollectionState) then,
+  ) = _$CollectionStateCopyWithImpl<$Res, CollectionState>;
+}
+
+/// @nodoc
+class _$CollectionStateCopyWithImpl<$Res, $Val extends CollectionState>
+    implements $CollectionStateCopyWith<$Res> {
+  _$CollectionStateCopyWithImpl(this._value, this._then);
+
+  // ignore: unused_field
+  final $Val _value;
+  // ignore: unused_field
+  final $Res Function($Val) _then;
+
+  /// Create a copy of CollectionState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+abstract class _$$LoadingImplCopyWith<$Res> {
+  factory _$$LoadingImplCopyWith(
+    _$LoadingImpl value,
+    $Res Function(_$LoadingImpl) then,
+  ) = __$$LoadingImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$LoadingImplCopyWithImpl<$Res>
+    extends _$CollectionStateCopyWithImpl<$Res, _$LoadingImpl>
+    implements _$$LoadingImplCopyWith<$Res> {
+  __$$LoadingImplCopyWithImpl(
+    _$LoadingImpl _value,
+    $Res Function(_$LoadingImpl) _then,
+  ) : super(_value, _then);
+
+  /// Create a copy of CollectionState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$LoadingImpl implements _Loading {
+  const _$LoadingImpl();
+
+  @override
+  String toString() {
+    return 'CollectionState.loading()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$LoadingImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() loading,
+    required TResult Function() data,
+    required TResult Function() empty,
+    required TResult Function() error,
+  }) {
+    return loading();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? loading,
+    TResult? Function()? data,
+    TResult? Function()? empty,
+    TResult? Function()? error,
+  }) {
+    return loading?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? loading,
+    TResult Function()? data,
+    TResult Function()? empty,
+    TResult Function()? error,
+    required TResult orElse(),
+  }) {
+    if (loading != null) {
+      return loading();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Data value) data,
+    required TResult Function(_Empty value) empty,
+    required TResult Function(_Error value) error,
+  }) {
+    return loading(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Data value)? data,
+    TResult? Function(_Empty value)? empty,
+    TResult? Function(_Error value)? error,
+  }) {
+    return loading?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Data value)? data,
+    TResult Function(_Empty value)? empty,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (loading != null) {
+      return loading(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Loading implements CollectionState {
+  const factory _Loading() = _$LoadingImpl;
+}
+
+/// @nodoc
+abstract class _$$DataImplCopyWith<$Res> {
+  factory _$$DataImplCopyWith(
+    _$DataImpl value,
+    $Res Function(_$DataImpl) then,
+  ) = __$$DataImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$DataImplCopyWithImpl<$Res>
+    extends _$CollectionStateCopyWithImpl<$Res, _$DataImpl>
+    implements _$$DataImplCopyWith<$Res> {
+  __$$DataImplCopyWithImpl(_$DataImpl _value, $Res Function(_$DataImpl) _then)
+    : super(_value, _then);
+
+  /// Create a copy of CollectionState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$DataImpl implements _Data {
+  const _$DataImpl();
+
+  @override
+  String toString() {
+    return 'CollectionState.data()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$DataImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() loading,
+    required TResult Function() data,
+    required TResult Function() empty,
+    required TResult Function() error,
+  }) {
+    return data();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? loading,
+    TResult? Function()? data,
+    TResult? Function()? empty,
+    TResult? Function()? error,
+  }) {
+    return data?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? loading,
+    TResult Function()? data,
+    TResult Function()? empty,
+    TResult Function()? error,
+    required TResult orElse(),
+  }) {
+    if (data != null) {
+      return data();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Data value) data,
+    required TResult Function(_Empty value) empty,
+    required TResult Function(_Error value) error,
+  }) {
+    return data(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Data value)? data,
+    TResult? Function(_Empty value)? empty,
+    TResult? Function(_Error value)? error,
+  }) {
+    return data?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Data value)? data,
+    TResult Function(_Empty value)? empty,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (data != null) {
+      return data(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Data implements CollectionState {
+  const factory _Data() = _$DataImpl;
+}
+
+/// @nodoc
+abstract class _$$EmptyImplCopyWith<$Res> {
+  factory _$$EmptyImplCopyWith(
+    _$EmptyImpl value,
+    $Res Function(_$EmptyImpl) then,
+  ) = __$$EmptyImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$EmptyImplCopyWithImpl<$Res>
+    extends _$CollectionStateCopyWithImpl<$Res, _$EmptyImpl>
+    implements _$$EmptyImplCopyWith<$Res> {
+  __$$EmptyImplCopyWithImpl(
+    _$EmptyImpl _value,
+    $Res Function(_$EmptyImpl) _then,
+  ) : super(_value, _then);
+
+  /// Create a copy of CollectionState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$EmptyImpl implements _Empty {
+  const _$EmptyImpl();
+
+  @override
+  String toString() {
+    return 'CollectionState.empty()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$EmptyImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() loading,
+    required TResult Function() data,
+    required TResult Function() empty,
+    required TResult Function() error,
+  }) {
+    return empty();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? loading,
+    TResult? Function()? data,
+    TResult? Function()? empty,
+    TResult? Function()? error,
+  }) {
+    return empty?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? loading,
+    TResult Function()? data,
+    TResult Function()? empty,
+    TResult Function()? error,
+    required TResult orElse(),
+  }) {
+    if (empty != null) {
+      return empty();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Data value) data,
+    required TResult Function(_Empty value) empty,
+    required TResult Function(_Error value) error,
+  }) {
+    return empty(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Data value)? data,
+    TResult? Function(_Empty value)? empty,
+    TResult? Function(_Error value)? error,
+  }) {
+    return empty?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Data value)? data,
+    TResult Function(_Empty value)? empty,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (empty != null) {
+      return empty(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Empty implements CollectionState {
+  const factory _Empty() = _$EmptyImpl;
+}
+
+/// @nodoc
+abstract class _$$ErrorImplCopyWith<$Res> {
+  factory _$$ErrorImplCopyWith(
+    _$ErrorImpl value,
+    $Res Function(_$ErrorImpl) then,
+  ) = __$$ErrorImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$ErrorImplCopyWithImpl<$Res>
+    extends _$CollectionStateCopyWithImpl<$Res, _$ErrorImpl>
+    implements _$$ErrorImplCopyWith<$Res> {
+  __$$ErrorImplCopyWithImpl(
+    _$ErrorImpl _value,
+    $Res Function(_$ErrorImpl) _then,
+  ) : super(_value, _then);
+
+  /// Create a copy of CollectionState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$ErrorImpl implements _Error {
+  const _$ErrorImpl();
+
+  @override
+  String toString() {
+    return 'CollectionState.error()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$ErrorImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() loading,
+    required TResult Function() data,
+    required TResult Function() empty,
+    required TResult Function() error,
+  }) {
+    return error();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? loading,
+    TResult? Function()? data,
+    TResult? Function()? empty,
+    TResult? Function()? error,
+  }) {
+    return error?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? loading,
+    TResult Function()? data,
+    TResult Function()? empty,
+    TResult Function()? error,
+    required TResult orElse(),
+  }) {
+    if (error != null) {
+      return error();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Data value) data,
+    required TResult Function(_Empty value) empty,
+    required TResult Function(_Error value) error,
+  }) {
+    return error(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Data value)? data,
+    TResult? Function(_Empty value)? empty,
+    TResult? Function(_Error value)? error,
+  }) {
+    return error?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Data value)? data,
+    TResult Function(_Empty value)? empty,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (error != null) {
+      return error(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Error implements CollectionState {
+  const factory _Error() = _$ErrorImpl;
+}

lib/screens/collections/cubit/collection_state.dart

@@ -0,0 +1,9 @@
+part of 'collection_cubit.dart';
+
+@freezed
+class CollectionState with _$CollectionState {
+  const factory CollectionState.loading() = _Loading;
+  const factory CollectionState.data() = _Data;
+  const factory CollectionState.empty() = _Empty;
+  const factory CollectionState.error() = _Error;
+}

lib/screens/collections/widgets/collections_app_bar.dart

@@ -0,0 +1,87 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:remever/common/functions.dart';
+import 'package:remever/common/resources.dart';
+import 'package:remever/common/widgets/typography.dart';
+import 'package:remever/common/widgets/wspace.dart';
+import 'package:remever/components/extensions/context.dart';
+import 'package:remever/gen/assets.gen.dart';
+import 'package:remever/router.gr.dart';
+import 'package:remever/screens/dialogs/filters_dialog.dart';
+import 'package:remever/screens/home/home_screen.dart';
+
+class CollectionsAppBar extends StatelessWidget implements PreferredSizeWidget {
+  const CollectionsAppBar({super.key});
+
+  @override
+  Size get preferredSize => Size.fromHeight(66.h);
+
+  @override
+  Widget build(BuildContext context) {
+    return AppBar(
+      toolbarHeight: 66.h,
+      backgroundColor: AppColors.white,
+      shadowColor: Colors.transparent,
+      title: Row(
+        children: <Widget>[
+          GestureDetector(
+            // onLongPress: () => context.pushRoute(const SandboxRoute()),
+            child: AppTypography(
+              'Коллекции',
+              type: SemiBold28px(),
+              color: AppColors.body_text,
+            ),
+          ),
+          const WSpace(2),
+          Container(
+            height: 22.h,
+            width: 38.w,
+            decoration: BoxDecoration(
+              color: AppColors.secondary,
+              borderRadius: BorderRadius.circular(40).r,
+            ),
+            child: Center(
+              child: AppTypography(
+                '2213',
+                type: Regular12px(),
+                color: AppColors.body_text,
+              ),
+            ),
+          ),
+        ],
+      ),
+      actions: <Widget>[
+        AppBarIconButton(icon: Assets.icons.typeSearch, onTap: () {}),
+        AppBarIconButton(icon: Assets.icons.typeDownload, onTap: () {}),
+        AppBarIconButton(
+          icon: Assets.icons.typeSort,
+          onTap: () {
+            showCuperModalBottomSheet(
+              context: context,
+              height: 424.h,
+              builder: (BuildContext context) => const FiltersDialog(),
+            );
+          },
+        ),
+      ],
+    );
+  }
+}
+
+class AppBarIconButton extends StatelessWidget {
+  const AppBarIconButton({required this.icon, required this.onTap, super.key});
+
+  final AssetGenImage icon;
+  final void Function()? onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: onTap,
+      child: SizedBox(
+        width: 48.h,
+        child: Center(child: icon.image(height: 24.h, width: 24.w)),
+      ),
+    );
+  }
+}