From 8416f8c06d3a9f34ea81e2640757da003e53b960 Mon Sep 17 00:00:00 2001 From: Bagasbanuna02 Date: Mon, 21 Apr 2025 14:08:58 +0800 Subject: [PATCH] fix responsive admin donas deksripsi: - table per status - table kategpori --- .../admin/donasi/sub-menu/publish/page.tsx | 10 +- .../admin/donasi/detail/detail_reject.tsx | 21 +- .../admin/donasi/sub_menu/table_kategori.tsx | 355 +++++++++--------- .../admin/donasi/sub_menu/table_publish.tsx | 20 +- .../admin/donasi/sub_menu/table_reject.tsx | 44 +-- .../admin/donasi/sub_menu/table_review.tsx | 18 +- 6 files changed, 222 insertions(+), 246 deletions(-) diff --git a/src/app/dev/admin/donasi/sub-menu/publish/page.tsx b/src/app/dev/admin/donasi/sub-menu/publish/page.tsx index 74b59125..45c8e7e9 100644 --- a/src/app/dev/admin/donasi/sub-menu/publish/page.tsx +++ b/src/app/dev/admin/donasi/sub-menu/publish/page.tsx @@ -1,9 +1,9 @@ import { AdminDonasi_TablePublish } from "@/app_modules/admin/donasi"; -import adminDonasi_getListPublish from "@/app_modules/admin/donasi/fun/get/get_list_publish"; export default async function Page() { - - return<> - + return ( + <> + -} \ No newline at end of file + ); +} diff --git a/src/app_modules/admin/donasi/detail/detail_reject.tsx b/src/app_modules/admin/donasi/detail/detail_reject.tsx index 07cfd889..8603d286 100644 --- a/src/app_modules/admin/donasi/detail/detail_reject.tsx +++ b/src/app_modules/admin/donasi/detail/detail_reject.tsx @@ -43,7 +43,7 @@ export default function AdminDonasi_DetailReject() { try { const response = await apiGetAdminDonasiById({ id: params.id, - }) + }); if (response?.success && response?.data) { setData(response.data); @@ -55,15 +55,15 @@ export default function AdminDonasi_DetailReject() { clientLogger.error("Invalid data format recieved:", error); setData(null); } - } + }; loadInitialData(); - }) + }); return ( <> {!data ? ( - + ) : ( <> )} - + ); } @@ -158,12 +158,7 @@ function ButtonOnHeader({ } buttonKiri={ <> - @@ -209,7 +204,9 @@ function CatatanReject({ catatan }: { catatan: string }) { <> - Alasan Penolakan : + + Alasan Penolakan : + {catatan} diff --git a/src/app_modules/admin/donasi/sub_menu/table_kategori.tsx b/src/app_modules/admin/donasi/sub_menu/table_kategori.tsx index d8b9fef5..d8782f9c 100644 --- a/src/app_modules/admin/donasi/sub_menu/table_kategori.tsx +++ b/src/app_modules/admin/donasi/sub_menu/table_kategori.tsx @@ -1,40 +1,40 @@ "use client"; -import { - Stack, - Group, - Title, - Paper, - ScrollArea, - Center, - Pagination, - Table, - Grid, - TextInput, - Button, - Text, - ActionIcon, - Overlay, - Switch, - Modal, -} from "@mantine/core"; -import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate"; -import { MODEL_NEW_DEFAULT_MASTER } from "@/app_modules/model_global/interface"; -import { useState } from "react"; -import { IconCirclePlus, IconEdit, IconTrash } from "@tabler/icons-react"; -import adminDonasi_funCreateKategori from "../fun/create/fun_create_kategori"; -import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../_admin_global/admin_notifikasi/notifikasi_berhasil"; -import { ComponentAdminGlobal_NotifikasiGagal } from "../../_admin_global/admin_notifikasi/notifikasi_gagal"; -import adminDonasi_getMasterKategori from "../fun/master/get_list_kategori"; -import adminDonasi_funDeleteKategori from "../fun/delete/fun_delete_by_id"; -import adminDonasi_funUpdatekategoriById from "../fun/update/fun_update_kategori_by_id"; -import _ from "lodash"; -import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component"; import { AccentColor } from "@/app_modules/_global/color"; import { AdminColor } from "@/app_modules/_global/color/color_pallet"; -import { useShallowEffect } from "@mantine/hooks"; -import { apiGetAdminDonasiKategori } from "../lib/api_fetch_admin_donasi"; +import { MODEL_NEW_DEFAULT_MASTER } from "@/app_modules/model_global/interface"; import { clientLogger } from "@/util/clientLogger"; +import { + ActionIcon, + Box, + Button, + Center, + Group, + Modal, + Paper, + ScrollArea, + Stack, + Switch, + Table, + Text, + TextInput, + Title, +} from "@mantine/core"; +import { useShallowEffect } from "@mantine/hooks"; +import { IconEdit } from "@tabler/icons-react"; +import _ from "lodash"; +import { useState } from "react"; +import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component"; +import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../_admin_global/admin_notifikasi/notifikasi_berhasil"; +import { ComponentAdminGlobal_NotifikasiGagal } from "../../_admin_global/admin_notifikasi/notifikasi_gagal"; +import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate"; +import { Admin_V3_ComponentBreakpoint } from "../../_components_v3/comp_simple_grid_breakpoint"; +import { Admin_V3_ComponentSkeletonBreakpoint } from "../../_components_v3/comp_skeleton_breakpoint"; +import adminDonasi_funCreateKategori from "../fun/create/fun_create_kategori"; +import adminDonasi_funDeleteKategori from "../fun/delete/fun_delete_by_id"; +import adminDonasi_getMasterKategori from "../fun/master/get_list_kategori"; +import adminDonasi_funUpdatekategoriById from "../fun/update/fun_update_kategori_by_id"; +import { apiGetAdminDonasiKategori } from "../lib/api_fetch_admin_donasi"; export default function AdminDonasi_TableKategori() { return ( @@ -50,7 +50,7 @@ export default function AdminDonasi_TableKategori() { function TableView() { const [data, setData] = useState(null); const [create, setCreate] = useState(""); - const [isCreate, setIsCreate] = useState(false); + const [isCreate, setIsCreate] = useState(true); // const [kategoriId, setKategoriId] = useState(""); const [updateKategori, setUpdateKategori] = useState({ @@ -70,16 +70,15 @@ function TableView() { }, []); async function onLoadData() { - try { - const response = await apiGetAdminDonasiKategori(); - if (response) { - - setData(response.data) + try { + const response = await apiGetAdminDonasiKategori(); + if (response) { + setData(response.data); + } + } catch (error) { + clientLogger.error("Error get kategori", error); } - } catch (error) { - clientLogger.error("Error get kategori" , error) } -} async function onCreateNewKategori() { const tambahData = await adminDonasi_funCreateKategori({ @@ -96,7 +95,6 @@ function TableView() { } async function onChangeStatus() { - const del = await adminDonasi_funDeleteKategori({ kategoriId: updateStatus.kategoriId, isActive: updateStatus.isActive as any, @@ -123,6 +121,7 @@ function TableView() { const loadData = await adminDonasi_getMasterKategori(); setData(loadData); setIsUpdate(false); + setIsCreate(true); } else { ComponentAdminGlobal_NotifikasiGagal(updt.message); } @@ -138,14 +137,14 @@ function TableView() { - ) + ); } return data.map((e, i) => ( -
+ {e?.name} -
+
@@ -168,6 +167,7 @@ function TableView() { { setIsUpdate(true); setIsCreate(false); @@ -183,52 +183,139 @@ function TableView() { )); - } - + }; return ( <> - {/* 
{JSON.stringify(listUser, null, 2)}
*/} } - radius={"xl"} - onClick={() => { - setIsCreate(true); - setIsUpdate(false); - }} - > - Tambah - - } + // component={ + // + // } /> - {/* - Kategori - - */} - - + {!data ? ( + + ) : ( + +
+ {isCreate && ( + + + + Tambah Kategori + + } + placeholder="Masukan kategori baru" + onChange={(val) => { + setCreate(val.currentTarget.value); + }} + /> + + {/* */} + + + + + )} + + {isUpdate && ( + + + + Update Kategori + + } + placeholder="Update kategori" + onChange={(val) => { + const data = _.clone(updateKategori); + setUpdateKategori({ + kategoriId: data.kategoriId, + name: val.currentTarget.value, + }); + }} + /> + + + + + + + )} +
+ {renderTableBody()}
-
Kategori
+ Kategori
Status
@@ -265,105 +351,8 @@ function TableView() { /> */} - - - - {isCreate ? ( - - - Tambah Kategori} - placeholder="Masukan kategori baru" - onChange={(val) => { - setCreate(val.currentTarget.value); - }} - /> - - - - - - - ) : ( - "" - )} - - {isUpdate ? ( - - - Update Kategori} - placeholder="Update kategori" - onChange={(val) => { - const data = _.clone(updateKategori); - setUpdateKategori({ - kategoriId: data.kategoriId, - name: val.currentTarget.value, - }); - }} - /> - - - - - - - ) : ( - "" - )} - - + + )} {/* */} -
- { - onPageClick(val); - }} - /> -
+ + { + onPageClick(val); + }} + /> )} diff --git a/src/app_modules/admin/donasi/sub_menu/table_reject.tsx b/src/app_modules/admin/donasi/sub_menu/table_reject.tsx index 9b8745af..c0926483 100644 --- a/src/app_modules/admin/donasi/sub_menu/table_reject.tsx +++ b/src/app_modules/admin/donasi/sub_menu/table_reject.tsx @@ -1,16 +1,16 @@ "use client"; -import { RouterAdminDonasi_OLD } from "@/lib/router_hipmi/router_admin"; -import { AccentColor, MainColor } from "@/app_modules/_global/color"; +import { AccentColor } from "@/app_modules/_global/color"; import { AdminColor } from "@/app_modules/_global/color/color_pallet"; import { ComponentGlobal_TampilanRupiah } from "@/app_modules/_global/component"; +import CustomSkeleton from "@/app_modules/components/CustomSkeleton"; import { MODEL_DONASI } from "@/app_modules/donasi/model/interface"; +import { RouterAdminDonasi_OLD } from "@/lib/router_hipmi/router_admin"; +import { clientLogger } from "@/util/clientLogger"; import { Box, - Button, Center, Modal, - Pagination, Paper, ScrollArea, Stack, @@ -20,17 +20,14 @@ import { Title, } from "@mantine/core"; import { useDisclosure, useShallowEffect } from "@mantine/hooks"; -import { IconEyeEdit, IconSearch } from "@tabler/icons-react"; +import { IconSearch } from "@tabler/icons-react"; import { useRouter } from "next/navigation"; import { useState } from "react"; import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component"; -import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate"; -import adminDonasi_getListReject from "../fun/get/get_list_reject"; -import { IconEyeCheck } from "@tabler/icons-react"; -import { clientLogger } from "@/util/clientLogger"; -import { apiGetAdminDonasiByStatus } from "../lib/api_fetch_admin_donasi"; -import CustomSkeleton from "@/app_modules/components/CustomSkeleton"; import Admin_DetailButton from "../../_admin_global/_component/button/detail_button"; +import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate"; +import { Admin_V3_ComponentPaginationBreakpoint } from "../../_components_v3/comp_pagination_breakpoint"; +import { apiGetAdminDonasiByStatus } from "../lib/api_fetch_admin_donasi"; export default function AdminDonasi_TableReject() { return ( @@ -180,11 +177,7 @@ function TableStatus() { ) : ( - +
{renderTableBody()}
@@ -210,17 +203,14 @@ function TableStatus() {
- {/* - */} -
- { - onPageClick(val); - }} - /> -
+ + { + onPageClick(val); + }} + /> )} diff --git a/src/app_modules/admin/donasi/sub_menu/table_review.tsx b/src/app_modules/admin/donasi/sub_menu/table_review.tsx index 3b94b6fc..aa881760 100644 --- a/src/app_modules/admin/donasi/sub_menu/table_review.tsx +++ b/src/app_modules/admin/donasi/sub_menu/table_review.tsx @@ -31,6 +31,7 @@ import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component"; import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate"; import { apiGetAdminDonasiByStatus } from "../lib/api_fetch_admin_donasi"; import Admin_DetailButton from "../../_admin_global/_component/button/detail_button"; +import { Admin_V3_ComponentPaginationBreakpoint } from "../../_components_v3/comp_pagination_breakpoint"; export default function AdminDonasi_TableReview() { return ( @@ -261,15 +262,14 @@ function TableStatus() {
-
- { - onPageClick(val); - }} - /> -
+ + { + onPageClick(val); + }} + /> )}