diff --git a/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx b/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx
index 9d44874b..56029f20 100644
--- a/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx
+++ b/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx
@@ -1,7 +1,7 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
import { IconBuildingStore, IconFileText, IconSparkles, IconUsers, IconUsersPlus } from '@tabler/icons-react';
import { usePathname, useRouter } from 'next/navigation';
import React, { useEffect, useState } from 'react';
@@ -72,35 +72,76 @@ function LayoutTabsLayanan({ children }: { children: React.ReactNode }) {
keepMounted={false}
>
{/* ✅ Scroll horizontal wrapper */}
-
-
- {tabs.map((tab, i) => (
+
+
+
+ {tabs.map((tab, i) => (
{tab.label}
- ))}
-
-
+ ))}
+
+
+
+
+
+
+
+
+ {tabs.map((tab, i) => (
+
+ {tab.label}
+
+ ))}
+
+
+
{tabs.map((tab, i) => (
+
{/* Back Button + Title */}
-
-
+ {/* Desktop Table */}
+
+
- No
- Nama
- Edit
- Hapus
+
+ Kategori
+
+
+ Edit
+
+
+ Hapus
+
{filteredData.length > 0 ? (
- filteredData.map((item, index) => (
+ filteredData.map((item) => (
- {index + 1}
-
-
-
+
{item.name}
-
-
+
+
-
-
+
+
))
) : (
-
-
+
+
Tidak ada data kategori berita yang cocok
@@ -161,22 +170,70 @@ function ListKategoriBerita({ search }: { search: string }) {
+
+ {/* Mobile Cards */}
+
+ {filteredData.length > 0 ? (
+ filteredData.map((item) => (
+
+
+ Kategori
+
+ {item.name}
+
+
+
+
+
+
+
+ ))
+ ) : (
+
+
+ Tidak ada data kategori berita yang cocok
+
+
+ )}
+
-
- {
- load(newPage, 10, search);
- window.scrollTo({ top: 0, behavior: 'smooth' });
- }}
- total={totalPages}
- mt="md"
- mb="md"
- color="blue"
- radius="md"
- />
-
+ {totalPages > 1 && (
+
+ {
+ load(newPage, 10, search);
+ window.scrollTo({ top: 0, behavior: 'smooth' });
+ }}
+ total={totalPages}
+ color="blue"
+ radius="md"
+ />
+
+ )}
{/* Modal Konfirmasi Hapus */}
+
{/* Header */}
-
-
+ {/* Desktop Table */}
+
+
- Judul
- Kategori
- Aksi
+ Judul
+ Kategori
+ Aksi
{filteredData.length > 0 ? (
filteredData.map((item) => (
-
-
-
- {item.judul}
-
-
+
+
+ {item.judul}
+
-
-
+
+
{item.kategoriBerita?.name || '-'}
-
+
))
) : (
-
-
-
+
+
+
Tidak ada data berita yang cocok
@@ -130,6 +134,52 @@ function ListBerita({ search }: { search: string }) {
+
+ {/* Mobile Cards */}
+
+ {filteredData.length > 0 ? (
+ filteredData.map((item) => (
+
+
+
+ Judul
+
+
+ {item.judul}
+
+
+
+ Kategori
+
+
+ {item.kategoriBerita?.name || '-'}
+
+
+
+
+
+ ))
+ ) : (
+
+
+ Tidak ada data berita yang cocok
+
+
+ )}
+
@@ -150,4 +200,4 @@ function ListBerita({ search }: { search: string }) {
);
}
-export default Berita;
+export default Berita;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx
index df492b39..21dd4231 100644
--- a/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx
@@ -139,7 +139,7 @@ function EditFoto() {
};
return (
-
+
{/* Header */}
-
+
+ {/* Desktop Table */}
+
- Judul Foto
- Tanggal
- Deskripsi
- Aksi
+ Judul Foto
+ Tanggal
+ Deskripsi
+ Aksi
{filteredData.length > 0 ? (
filteredData.map((item) => (
-
-
- {item.name}
-
+
+
+ {item.name}
+
-
-
-
+
+
{new Date(item.createdAt).toLocaleDateString('id-ID', {
day: 'numeric',
month: 'long',
year: 'numeric',
})}
-
-
-
-
-
+
+
-
+
@@ -133,7 +139,7 @@ function ListFoto({ search }: { search: string }) {
- Tidak ada foto yang cocok
+ Tidak ada foto yang cocok
@@ -141,7 +147,54 @@ function ListFoto({ search }: { search: string }) {
+
+ {/* Mobile Card View */}
+
+
+ {filteredData.length > 0 ? (
+ filteredData.map((item) => (
+
+
+
+ Judul Foto
+ {item.name}
+
+
+ Tanggal
+
+ {new Date(item.createdAt).toLocaleDateString('id-ID', {
+ day: 'numeric',
+ month: 'long',
+ year: 'numeric',
+ })}
+
+
+
+ Deskripsi
+
+
+
+
+
+ ))
+ ) : (
+
+ Tidak ada foto yang cocok
+
+ )}
+
+
+
+
-
-
+
+ {/* Desktop Table */}
+
+
- Judul Video
- Tanggal
- Deskripsi
- Aksi
+ Judul Video
+ Tanggal
+ Deskripsi
+ Aksi
{filteredData.length > 0 ? (
filteredData.map((item) => (
-
-
- {item.name}
-
+
+
+ {item.name}
+
-
-
-
+
+
{new Date(item.createdAt).toLocaleDateString('id-ID', {
day: 'numeric',
month: 'long',
year: 'numeric',
})}
-
-
-
-
-
+
+
-
+
@@ -132,8 +135,10 @@ function ListVideo({ search }: { search: string }) {
) : (
-
- Tidak ada video yang cocok
+
+
+ Tidak ada video yang cocok
+
@@ -141,23 +146,74 @@ function ListVideo({ search }: { search: string }) {
+
+ {/* Mobile Cards */}
+
+ {filteredData.length > 0 ? (
+ filteredData.map((item) => (
+
+
+
+ Judul Video
+
+ {item.name}
+
+
+
+ Tanggal
+
+ {new Date(item.createdAt).toLocaleDateString('id-ID', {
+ day: 'numeric',
+ month: 'long',
+ year: 'numeric',
+ })}
+
+
+
+ Deskripsi
+
+
+
+
+
+
+
+ ))
+ ) : (
+
+
+ Tidak ada video yang cocok
+
+
+ )}
+
-
- {
- load(newPage, 10)
- window.scrollTo({ top: 0, behavior: 'smooth' })
- }}
- total={totalPages}
- mt="md"
- mb="md"
- color="blue"
- radius="md"
- />
-
+
+ {totalPages > 1 && (
+
+ {
+ load(newPage, 10)
+ window.scrollTo({ top: 0, behavior: 'smooth' })
+ }}
+ total={totalPages}
+ color="blue"
+ radius="md"
+ />
+
+ )}
);
}
-export default Video;
+export default Video;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
index 0ee0d2e2..14f2605f 100644
--- a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
@@ -115,7 +115,7 @@ function EditAjukanPermohonan() {
};
return (
-
+
{/* Back Button */}