feat: input text clearing

Author: CoderUni

lib/presentation/home/bloc/home_bloc.dart

@@ -24,6 +24,7 @@ class HomeBloc extends Bloc<HomeEvent, HomeState> {
             ),
           ),
         ) {
+    on<HomeTextCleared>(_onHomeTextCleared);
     on<HomeTextChanged>(
       _onHomeTextChanged,
       transformer: restartableDebounce(const Duration(milliseconds: 500)),
@@ -33,6 +34,14 @@ class HomeBloc extends Bloc<HomeEvent, HomeState> {
   final HomeRepository homeRepository;
   final SettingsBloc settingsBloc;
 
+  void _onHomeTextCleared(
+    HomeTextCleared event,
+    Emitter<HomeState> emit,
+  ) {
+    event.textController.clear();
+    emit(state.empty());
+  }
+
   Future<void> _onHomeTextChanged(
     HomeTextChanged event,
     Emitter<HomeState> emit,

lib/presentation/home/bloc/home_event.dart

@@ -8,6 +8,14 @@ sealed class HomeEvent extends Equatable {
   List<Object?> get props => [];
 }
 
+final class HomeTextCleared extends HomeEvent {
+  const HomeTextCleared({required this.textController});
+  final TextEditingController textController;
+
+  @override
+  List<Object?> get props => [textController];
+}
+
 final class HomeTextChanged extends HomeEvent {
   const HomeTextChanged({required this.sourceText});
 

lib/presentation/home/view/home_page.dart

@@ -1,10 +1,12 @@
+import 'package:eva_icons_flutter/eva_icons_flutter.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:gap/gap.dart';
 import 'package:qack/constants/constants.dart';
 import 'package:qack/layout/layout_handler.dart';
 import 'package:qack/presentation/home/bloc/home_bloc.dart';
 import 'package:qack/presentation/home/components/components.dart';
+import 'package:qack/theme/theme.dart';
 import 'package:qack/widgets/input/input.dart';
 
 class HomePage extends StatelessWidget {
@@ -40,6 +42,9 @@ class HomeView extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    const theme = LightTheme();
+    final textController = TextEditingController();
+
     return Scaffold(
       body: SafeArea(
         child: CustomScrollView(
@@ -51,6 +56,25 @@ class HomeView extends StatelessWidget {
                   Gap(topContentPadding),
                   const AppSearchBar(),
                   InputText(
+                    controller: textController,
+                    suffix: InkWell(
+                      customBorder: RoundedRectangleBorder(
+                        borderRadius: BorderRadius.circular(8),
+                      ),
+                      onTap: () {
+                        textController.clear();
+                        context
+                            .read<HomeBloc>()
+                            .add(const HomeTextChanged(sourceText: ''));
+                      },
+                      child: Padding(
+                        padding: const EdgeInsets.all(8),
+                        child: Icon(
+                          EvaIcons.closeSquareOutline,
+                          color: theme.inputTextThemeData.iconColor,
+                        ),
+                      ),
+                    ),
                     maxLength: 6000,
                     minLines: 5,
                     maxLines: 5,

lib/presentation/landing/view/landing_page.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:qack/layout/layout_handler.dart';
+import 'package:qack/presentation/history/view/history_page.dart';
 import 'package:qack/presentation/home/view/home_page.dart';
 import 'package:qack/presentation/landing/components/components.dart';
 import 'package:qack/presentation/settings/view/settings_page.dart';
@@ -33,6 +34,8 @@ class _MobileLandingPageState extends State<MobileLandingPage> {
           switch (state.selectedPage) {
             case SelectedPage.home:
               return const HomePage();
+            case SelectedPage.history:
+              return const HistoryPage();
             case SelectedPage.settings:
               return const SettingsPage();
           }
@@ -59,6 +62,8 @@ class _TabletLandingPageState extends State<TabletLandingPage> {
           switch (state.selectedPage) {
             case SelectedPage.home:
               return const HomePage();
+            case SelectedPage.history:
+              return const HistoryPage();
             case SelectedPage.settings:
               return const SettingsPage();
           }

lib/widgets/input/input_text.dart

@@ -18,6 +18,7 @@ class InputText extends StatelessWidget {
     this.errorStyle,
     this.prefix,
     this.prefixIcon,
+    this.suffix,
     this.suffixIcon,
     this.prefixIconConstraints,
     this.suffixIconConstraints,
@@ -46,6 +47,7 @@ class InputText extends StatelessWidget {
 
   final Widget? prefix;
   final Widget? prefixIcon;
+  final Widget? suffix;
   final Widget? suffixIcon;
 
   final BoxConstraints? prefixIconConstraints;
@@ -96,6 +98,7 @@ class InputText extends StatelessWidget {
                 child: prefixIcon!,
               )
             : null,
+        suffix: suffix,
         suffixIcon: suffixIcon != null
             ? IconTheme(
                 data: IconThemeData(color: inputTextTheme.iconColor),