step 12 : proses edit rekaman

lib/screen/rekaman/edit_rekam_screen.dart

@@ -6,8 +6,11 @@ import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:toastification/toastification.dart';
 
 import '../../app/constant.dart';
+import '../../app/route.dart';
 import '../../provider/current_user_provider.dart';
 import '../../provider/voice_to_text_provider.dart';
+import '../home/list_riwayat_rekaman_provider.dart';
+import 'edit_rekam_provider.dart';
 
 class EditRekamScreen extends HookConsumerWidget {
   const EditRekamScreen({super.key});
@@ -28,6 +31,7 @@ class EditRekamScreen extends HookConsumerWidget {
     final player = useState(AudioPlayer());
     final urlRekaman = baseUrl + editData.Voice2text_Url;
     final isPlaying = useState(false);
+    final isLoading = useState(false);
 
     useEffect(() {
       WidgetsBinding.instance.addPostFrameCallback((timestamp) {
@@ -84,10 +88,10 @@ class EditRekamScreen extends HookConsumerWidget {
       if (urlRekaman.isNotEmpty) {
         try {
           if (isPlaying.value) {
-            await player.value.pause(); // Pause jika sedang diputar
+            await player.value.stop(); // Jika sedang diputar, maka stop
           } else {
             await player.value.setSourceUrl(urlRekaman);
-            await player.value.resume(); // Putar jika tidak sedang diputar
+            await player.value.resume(); // Jika tidak diputar, mulai pemutaran
           }
           isPlaying.value = !isPlaying.value;
         } catch (e) {
@@ -110,6 +114,52 @@ class EditRekamScreen extends HookConsumerWidget {
       }
     }
 
+    // list Riwayat Rekam
+    ref.listen(listRiwayatRekamanProvider, (prev, next) {
+      if (next is ListRiwayatRekamanStateLoading) {
+        // isLoading.value = true;
+      } else if (next is ListRiwayatRekamanStateError) {
+        // isLoading.value = false;
+        // errorMessage.value = next.message;
+        showLongToast(
+          'Error',
+          next.message,
+          'error',
+          Duration(seconds: 3),
+        );
+      } else if (next is ListRiwayatRekamanStateDone) {
+        // isLoading.value = false;
+
+        Navigator.of(context).pop();
+        Navigator.of(context).pushNamedAndRemoveUntil(
+          homeRoute,
+          (route) => false,
+        );
+      }
+    });
+
+    // proses edit
+    ref.listen(editRekamProvider, (prev, next) {
+      if (next is EditRekamStateLoading) {
+        isLoading.value = true;
+      } else if (next is EditRekamStateError) {
+        isLoading.value = false;
+        // errorMessage.value = next.message;
+        showLongToast(
+          'Error',
+          next.message,
+          'error',
+          Duration(seconds: 3),
+        );
+      } else if (next is EditRekamStateDone) {
+        isLoading.value = false;
+        ref.read(listRiwayatRekamanProvider.notifier).listRiwayatRekaman(
+              host: host,
+              userId: userId,
+            );
+      }
+    });
+
     return GestureDetector(
       onTap: () {
         FocusManager.instance.primaryFocus!.unfocus();
@@ -144,7 +194,17 @@ class EditRekamScreen extends HookConsumerWidget {
               ),
               const Spacer(),
               ElevatedButton(
-                onPressed: playRekaman,
+                onPressed: isLoading.value
+                    ? null
+                    : () async {
+                        isLoading.value = true;
+                        ref.read(editRekamProvider.notifier).editRekam(
+                              host: host,
+                              Voice2text_ID: editData.Voice2text_ID,
+                              Voice2text_Note: ref.read(noteCtr).text,
+                              Voice2text_Text: ref.read(textCtr).text,
+                            );
+                      },
                 style: ElevatedButton.styleFrom(
                   backgroundColor: Constant.bgButton,
                   shape: RoundedRectangleBorder(
@@ -155,19 +215,28 @@ class EditRekamScreen extends HookConsumerWidget {
                 child: Row(
                   mainAxisAlignment: MainAxisAlignment.center,
                   children: [
-                    Text(
-                      'SAVE',
-                      style: Constant.titleButton500(context: context).copyWith(
-                        color: Constant.textWhite,
-                      ),
-                    ),
+                    isLoading.value
+                        ? Text(
+                            'LOADING',
+                            style: Constant.titleButton500(context: context)
+                                .copyWith(
+                              color: Constant.textWhite,
+                            ),
+                          )
+                        : Text(
+                            'SAVE',
+                            style: Constant.titleButton500(context: context)
+                                .copyWith(
+                              color: Constant.textWhite,
+                            ),
+                          ),
                   ],
                 ),
               ),
             ],
           ),
         ),
-        body: Column(
+        body: ListView(
           children: [
             // atas
             Image.asset(