Fix Login KodeOtp WA

src/app/admin/(dashboard)/musik/[id]/edit/page.tsx

@@ -1,6 +1,6 @@
 'use client'
-import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
-import stateDashboardMusik from '@/app/admin/(dashboard)/_state/desa/musik';
+import CreateEditor from '../../../_com/createEditor';
+import stateDashboardMusik from '../../../_state/desa/musik';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
@@ -116,7 +116,7 @@ export default function EditMusik() {
       await musikState.musik.edit.update();
 
       resetForm();
-      router.push('/admin/desa/musik');
+      router.push('/admin/musik');
     } catch (error) {
       console.error('Error updating musik:', error);
       toast.error('Terjadi kesalahan saat mengupdate musik');

src/app/admin/(dashboard)/musik/[id]/page.tsx

@@ -19,7 +19,7 @@ import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import stateDashboardMusik from '../../../_state/desa/musik';
+import stateDashboardMusik from '../../_state/desa/musik';
 
 export default function DetailMusik() {
   const musikState = useProxy(stateDashboardMusik);
@@ -63,7 +63,7 @@ export default function DetailMusik() {
       setIsDeleting(true);
       await musikState.musik.delete.byId(id);
       setShowDeleteModal(false);
-      router.push('/admin/desa/musik');
+      router.push('/admin/musik');
     } catch (error) {
       console.error('Error deleting musik:', error);
     } finally {
@@ -77,7 +77,7 @@ export default function DetailMusik() {
       <Group mb="md">
         <Button
           variant="subtle"
-          onClick={() => router.push('/admin/desa/musik')}
+          onClick={() => router.push('/admin/musik')}
           p="xs"
           radius="md"
         >
@@ -99,15 +99,22 @@ export default function DetailMusik() {
         <Stack gap="md">
           {/* Cover Image */}
           {data.coverImage && (
-            <Box style={{ textAlign: 'center' }}>
+            <Box
+              style={{
+                width: '100%',
+                maxWidth: 400,
+                margin: '0 auto',
+              }}
+            >
               <Image
                 src={data.coverImage.link}
                 alt={data.judul}
                 radius="md"
                 style={{
-                  maxHeight: 300,
+                  width: '100%',
+                  aspectRatio: '1/1',
                   objectFit: 'cover',
-                  margin: '0 auto',
+                  display: 'block',
                 }}
               />
             </Box>
@@ -219,7 +226,7 @@ export default function DetailMusik() {
               radius="md"
               size="md"
               leftSection={<IconEdit size={18} />}
-              onClick={() => router.push(`/admin/desa/musik/${id}/edit`)}
+              onClick={() => router.push(`/admin/musik/${id}/edit`)}
             >
               Edit
             </Button>

src/app/admin/(dashboard)/musik/create/page.tsx

@@ -1,6 +1,6 @@
 'use client'
-import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
-import stateDashboardMusik from '@/app/admin/(dashboard)/_state/desa/musik';
+import CreateEditor from '../../_com/createEditor';
+import stateDashboardMusik from '../../_state/desa/musik';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
@@ -126,7 +126,7 @@ export default function CreateMusik() {
       await musikState.musik.create.create();
 
       resetForm();
-      router.push('/admin/desa/musik');
+      router.push('/admin/musik');
     } catch (error) {
       console.error('Error creating musik:', error);
       toast.error('Terjadi kesalahan saat membuat musik');

src/app/admin/(dashboard)/musik/page.tsx

@@ -23,8 +23,8 @@ import { IconCircleDashedPlus, IconDeviceImacCog, IconSearch } from '@tabler/ico
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import HeaderSearch from '../../_com/header';
-import stateDashboardMusik from '../../_state/desa/musik';
+import HeaderSearch from '../_com/header';
+import stateDashboardMusik from '../_state/desa/musik';
 
 
 function Musik() {
@@ -73,7 +73,7 @@ function ListMusik({ search }: { search: string }) {
             leftSection={<IconCircleDashedPlus size={18} />}
             color="blue"
             variant="light"
-            onClick={() => router.push('/admin/desa/musik/create')}
+            onClick={() => router.push('/admin/musik/create')}
           >
             Tambah Baru
           </Button>
@@ -122,7 +122,7 @@ function ListMusik({ search }: { search: string }) {
                         variant="light"
                         color="blue"
                         onClick={() =>
-                          router.push(`/admin/desa/musik/${item.id}`)
+                          router.push(`/admin/musik/${item.id}`)
                         }
                         fz="sm"
                         px="sm"
@@ -189,7 +189,7 @@ function ListMusik({ search }: { search: string }) {
                     fullWidth
                     mt="sm"
                     onClick={() =>
-                      router.push(`/admin/desa/musik/${item.id}`)
+                      router.push(`/admin/musik/${item.id}`)
                     }
                     fz="sm"
                     h={36}