change add note loading

Author: mohamedmagdy2301

lib/cubits/add_note_cubit/add_note_cubit.dart

@@ -12,8 +12,8 @@ class AddNoteCubit extends Cubit<AddNoteState> {
   AddNoteCubit() : super(AddNoteInitial());
 
   void addNote(NoteModel note) async {
+    emit(AddNoteLoading());
     try {
-      emit(AddNoteLoading());
       var notesBox = Hive.box<NoteModel>(kNoteBox);
       await notesBox.add(note);
       emit(AddNoteSuccess());

lib/views/widgets/add_note_bottom_sheet.dart

@@ -1,6 +1,5 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:modal_progress_hud_nsn/modal_progress_hud_nsn.dart';
 import 'package:notes_app/cubits/add_note_cubit/add_note_cubit.dart';
 import 'package:notes_app/views/widgets/add_note_form.dart';
 
@@ -37,11 +36,9 @@ class AddNoteBottomSheet extends StatelessWidget {
             right: 16,
             bottom: MediaQuery.of(context).viewInsets.bottom,
           ),
-          child: ModalProgressHUD(
-            inAsyncCall: state is AddNoteLoading ? true : false,
-            child: const SingleChildScrollView(
-              child: AddNoteForm(),
-            ),
+          //  state is AddNoteLoading ? true : false,
+          child: const SingleChildScrollView(
+            child: AddNoteForm(),
           ),
         );
       },

lib/views/widgets/add_note_form.dart

@@ -41,26 +41,35 @@ class _AddNoteFormState extends State<AddNoteForm> {
                 subTitle = value;
               }),
           const SizedBox(height: 40),
-          CustomerElevatedButtonInBottomSheet(
-            onTap: () {
-              if (formKey.currentState!.validate()) {
-                formKey.currentState!.save();
-                var noteModel = NoteModel(
-                  title: title!,
-                  subTitle: subTitle!,
-                  date: DateTime.now().toString(),
-                  coloe: Colors.yellow.value,
-                );
-                BlocProvider.of<AddNoteCubit>(context).addNote(noteModel);
-              } else {
-                autovalidateMode = AutovalidateMode.always;
-                setState(() {});
-              }
+          BlocBuilder<AddNoteCubit, AddNoteState>(
+            builder: (context, state) {
+              return CustomerElevatedButtonInBottomSheet(
+                isLoading: state is AddNoteLoading ? true : false,
+                onTap: () {
+                  addNoteModel(context);
+                },
+              );
             },
           ),
           const SizedBox(height: 20),
         ],
       ),
     );
   }
+
+  void addNoteModel(BuildContext context) {
+    if (formKey.currentState!.validate()) {
+      formKey.currentState!.save();
+      var noteModel = NoteModel(
+        title: title!,
+        subTitle: subTitle!,
+        date: DateTime.now().toString(),
+        coloe: Colors.yellow.value,
+      );
+      BlocProvider.of<AddNoteCubit>(context).addNote(noteModel);
+    } else {
+      autovalidateMode = AutovalidateMode.always;
+      setState(() {});
+    }
+  }
 }

lib/views/widgets/customer_elevated_button_in_bottom_sheet.dart

@@ -5,8 +5,10 @@ class CustomerElevatedButtonInBottomSheet extends StatelessWidget {
   const CustomerElevatedButtonInBottomSheet({
     super.key,
     required this.onTap,
+    this.isLoading = false,
   });
   final Function() onTap;
+  final bool isLoading;
   @override
   Widget build(BuildContext context) {
     return GestureDetector(
@@ -19,14 +21,22 @@ class CustomerElevatedButtonInBottomSheet extends StatelessWidget {
           borderRadius: BorderRadius.circular(10),
           color: kPrimaryColor,
         ),
-        child: const Text(
-          'Add Note',
-          style: TextStyle(
-            fontSize: 17,
-            color: Colors.black,
-            fontWeight: FontWeight.w600,
-          ),
-        ),
+        child: isLoading
+            ? const SizedBox(
+                height: 24,
+                width: 24,
+                child: CircularProgressIndicator(
+                  color: Colors.black,
+                ),
+              )
+            : const Text(
+                'Add Note',
+                style: TextStyle(
+                  fontSize: 17,
+                  color: Colors.black,
+                  fontWeight: FontWeight.w600,
+                ),
+              ),
       ),
     );
   }