Fix QC Kak Inno Admin, Fix QC Keano UI User, Fix QC Pak jun tabel apbdes

src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx

@@ -2,9 +2,10 @@
 import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import beasiswaDesaState from '@/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 
 
@@ -13,6 +14,7 @@ import { useProxy } from 'valtio/utils';
 function CreateKeunggulanProgram() {
   const stateCreate = useProxy(beasiswaDesaState.keunggulanProgram);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateCreate.create.form = {
@@ -23,11 +25,14 @@ function CreateKeunggulanProgram() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       await stateCreate.create.create();
       resetForm();
       router.push("/admin/pendidikan/beasiswa-desa/keunggulan-program");
     } catch (error) {
       console.error('Error creating keunggulan program:', error);
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -59,7 +64,7 @@ function CreateKeunggulanProgram() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul"
-            defaultValue={stateCreate.create.form.judul || ''}
+            value={stateCreate.create.form.judul || ''}
             onChange={(e) => (stateCreate.create.form.judul = e.target.value)}
             required
           />
@@ -77,6 +82,17 @@ function CreateKeunggulanProgram() {
           </Box>
 
           <Group justify="right" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -87,7 +103,7 @@ function CreateKeunggulanProgram() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>