wibu/hipmi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #280 from bipproduction/Nico/06-feb-25

Browse Source 
Nico/06 feb 25
This commit is contained in:
Bagasbanuna02
2025-02-06 17:45:17 +08:00
committed by GitHub
parent ae7a928d69 be318e7136
commit b1faf3d745
28 changed files with 1029 additions and 601 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
logs/backend/.31d2357fa2026a78b8cb786880c7c733460d7dbe-audit.json
View File

@@ -54,6 +54,11 @@
"date": 1738709515069, "date": 1738709515069,
"name": "logs/backend/combined-2025-02-05.log", "name": "logs/backend/combined-2025-02-05.log",
"hash": "04d27d0d5708dfb4655dbb708eb49f663c063c8f571ea5aa4da9e5bee9daa0f3" "hash": "04d27d0d5708dfb4655dbb708eb49f663c063c8f571ea5aa4da9e5bee9daa0f3"
},
{
"date": 1738810141028,
"name": "logs/backend/combined-2025-02-06.log",
"hash": "01ef70a59eea8cd8275ffaf46470ff1d320bf0cfca9a327e5111b6c58f344af3"
} }
], ],
"hashType": "sha256" "hashType": "sha256"

5
logs/backend/.5d9a990e0c6075347623def466341a14f8ba4a12-audit.json
View File

@@ -54,6 +54,11 @@
"date": 1738709515065, "date": 1738709515065,
"name": "logs/backend/error-2025-02-05.log", "name": "logs/backend/error-2025-02-05.log",
"hash": "b76580b2a8b76ee8941e0d913ff1b38d66ad7bd45f154ed371c913ff898e5dfd" "hash": "b76580b2a8b76ee8941e0d913ff1b38d66ad7bd45f154ed371c913ff898e5dfd"
},
{
"date": 1738810141026,
"name": "logs/backend/error-2025-02-06.log",
"hash": "b32b8fb983ef9dc575cacef2eb1e62c8d1bf022726922c804a6c6d0aea875cf4"
} }
], ],
"hashType": "sha256" "hashType": "sha256"

0
logs/backend/combined-2025-01-23.log Normal file
View File

0
logs/backend/combined-2025-02-02.log Normal file
View File

5
logs/backend/combined-2025-02-06.log Normal file
View File

@@ -0,0 +1,5 @@
{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n at new eS (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n at e_ (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n at i (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n at get (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n at GET (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n at run (node:async_hooks:64:22)","timestamp":"2025-02-06T02:49:36.302Z"}
{"level":"info","message":"Server status code: 201","timestamp":"2025-02-06T04:29:03.189Z"}
{"level":"info","message":"Success upload job_image: {\"id\":\"cm6su8iqb003dhcxkig4t2tpt\",\"name\":\"cr.jpeg\",\"path\":\"/cm0ur1yxw000056nsjlr6187p/2025/02/06/cr.jpeg\",\"mime\":\"image/jpeg\",\"ext\":\".jpeg\",\"desc\":null,\"size\":187018,\"active\":true,\"createdAt\":\"2025-02-06T04:29:03.057Z\",\"updatedAt\":\"2025-02-06T04:29:03.059Z\",\"userId\":\"cm0ur1yxw000056nsjlr6187p\",\"dirId\":\"cm0ypp6zl0003kp7jf59zuvjy\"}","timestamp":"2025-02-06T04:29:03.208Z"}
{"clientVersion":"6.3.0","level":"error","message":"Eror get data \nInvalid `prisma.job.findMany()` invocation:\n\n{\n orderBy: {\n updatedAt: \"desc\"\n },\n where: {\n masterStatusId: \"2\",\n isActive: true,\n title: {\n mode: \"insensitive\",\n+ contains: String\n }\n },\n include: {\n Author: true\n }\n}\n\nArgument `contains` must not be null.","name":"PrismaClientValidationError","originalColumn":12,"originalLine":10682,"stack":"PrismaClientValidationError: \nInvalid `prisma.job.findMany()` invocation:\n\n{\n orderBy: {\n updatedAt: \"desc\"\n },\n where: {\n masterStatusId: \"2\",\n isActive: true,\n title: {\n mode: \"insensitive\",\n+ contains: String\n }\n },\n include: {\n Author: true\n }\n}\n\nArgument `contains` must not be null.\n at new PrismaClientValidationError (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:148:2395)\n at Hl (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:156:1379)\n at handleRequestError (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:7006)\n at handleAndLogRequestError (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:6687)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:6394)\n at processTicksAndRejections (native:7:39)","timestamp":"2025-02-06T04:39:51.823Z"}
{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n at new eS (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n at e_ (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n at i (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n at get (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n at GET (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n at run (node:async_hooks:64:22)","timestamp":"2025-02-06T09:29:21.573Z"}

0
logs/backend/error-2025-01-23.log Normal file
View File

0
logs/backend/error-2025-02-02.log Normal file
View File

3
logs/backend/error-2025-02-06.log Normal file
View File

@@ -0,0 +1,3 @@
{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n at new eS (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n at e_ (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n at i (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n at get (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n at GET (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n at run (node:async_hooks:64:22)","timestamp":"2025-02-06T02:49:36.302Z"}
{"clientVersion":"6.3.0","level":"error","message":"Eror get data \nInvalid `prisma.job.findMany()` invocation:\n\n{\n orderBy: {\n updatedAt: \"desc\"\n },\n where: {\n masterStatusId: \"2\",\n isActive: true,\n title: {\n mode: \"insensitive\",\n+ contains: String\n }\n },\n include: {\n Author: true\n }\n}\n\nArgument `contains` must not be null.","name":"PrismaClientValidationError","originalColumn":12,"originalLine":10682,"stack":"PrismaClientValidationError: \nInvalid `prisma.job.findMany()` invocation:\n\n{\n orderBy: {\n updatedAt: \"desc\"\n },\n where: {\n masterStatusId: \"2\",\n isActive: true,\n title: {\n mode: \"insensitive\",\n+ contains: String\n }\n },\n include: {\n Author: true\n }\n}\n\nArgument `contains` must not be null.\n at new PrismaClientValidationError (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:148:2395)\n at Hl (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:156:1379)\n at handleRequestError (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:7006)\n at handleAndLogRequestError (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:6687)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:6394)\n at processTicksAndRejections (native:7:39)","timestamp":"2025-02-06T04:39:51.823Z"}
{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n at new eS (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n at e_ (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n at i (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n at get (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n at GET (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n at run (node:async_hooks:64:22)","timestamp":"2025-02-06T09:29:21.573Z"}

44
src/app/api/admin/donasi/kategori/route.ts Normal file
View File

@@ -0,0 +1,44 @@
import { prisma } from "@/app/lib";
import backendLogger from "@/util/backendLogger";
import { NextResponse } from "next/server";
export async function GET(request: Request) {
const method = request.method;
if (method !== "GET") {
return NextResponse.json({
success: false,
message: "Method nol allowed"
},
{ status: 405 }
)
}
try {
const data = await prisma.donasiMaster_Kategori.findMany({
orderBy: {
createdAt: 'asc'
},
where: {
active: true
}
})
return NextResponse.json({
success: true,
message: "Success get kategori",
data: data
})
} catch (error) {
backendLogger.error("Error get kategori", error);
return NextResponse.json({
success: false,
message: "Failed get kategori",
reason: (error as Error).message
},
{ status: 500 }
)
} finally {
await prisma.$disconnect
}
}

112
src/app/api/admin/job/[status]/route.ts Normal file
View File

@@ -0,0 +1,112 @@
import { Job_Status } from '@/app_modules/job';
import { prisma } from "@/app/lib";
import _, { take } from "lodash";
import { NextResponse } from "next/server";
import backendLogger from '@/util/backendLogger';
import moment from 'moment';
export async function GET(request: Request, { params }: {
params: { status: string }
}
) {
const method = request.method;
if (method !== 'GET') {
return NextResponse.json({
success: false,
message: "Method not allowed"
},
{ status: 405 }
)
}
const { status } = params;
const { searchParams } = new URL(request.url);
const search = searchParams.get("search");
const page = searchParams.get("page");
const takeData = 10
const skipData = Number(page) * takeData - takeData;
try {
let fixData;
const fixStatus = _.startCase(status);
if (!page) {
fixData = await prisma.job.findMany({
orderBy: {
updatedAt: "desc"
},
where: {
isActive: true,
isArsip: false,
MasterStatus: {
name: fixStatus
},
title: {
contains: search ? search : "",
mode: "insensitive"
}
},
include: {
Author: true,
},
})
} else {
fixData = await prisma.job.findMany({
take: takeData,
skip: skipData,
orderBy: {
updatedAt: "desc"
},
where: {
isActive: true,
isArsip: false,
MasterStatus: {
name: fixStatus
},
title: {
contains: search ? search : "",
mode: "insensitive"
}
},
include: {
Author: true,
},
})
const nCount = await prisma.job.count({
where: {
isActive: true,
isArsip: false,
title: {
contains: search ? search : "",
mode: "insensitive"
}
}
})
fixData = {
data: fixData,
nPage: _.ceil(nCount / takeData)
}
}
return NextResponse.json({
success: true,
message: "Data found",
data: fixData,
},
{ status: 200 }
)
} catch (error) {
backendLogger.error("Eror get data", error)
return NextResponse.json({
success: false,
message: "Data not found",
reason: (error as Error).message
},
{ status: 500 }
)
}
}

109
src/app/api/admin/voting/[status]/route.ts Normal file
View File

@@ -0,0 +1,109 @@
import { prisma } from "@/app/lib";
import _ from "lodash";
import moment from "moment";
import { NextResponse } from "next/server";
export async function GET(request: Request,
{ params }: { params: { status: string } }
) {
const method = request.method;
if (method !== "GET") {
return NextResponse.json({
success: false,
message: "Method not allowed"
},
{ status: 405 }
)
}
const { status } = params;
const { searchParams } = new URL(request.url);
const search = searchParams.get("search");
const page = searchParams.get("page");
const takeData = 10;
const skipData = Number(page) * takeData - takeData;
try {
let fixData;
const fixStatus = _.startCase(status);
if (!page && !search) {
fixData = await prisma.voting.findMany({
orderBy: {
updatedAt: "desc"
},
where: {
isActive: true,
isArsip: false,
Voting_Status: {
name: fixStatus
}
},
include: {
Author: {
select: {
id: true,
username: true,
Profile: {
select: {
name: true
}
}
}
},
Voting_Status: true,
Voting_Kontributor: true,
Voting_DaftarNamaVote: true,
}
})
} else if (!page && search) {
fixData = await prisma.voting.findMany({
orderBy: {
updatedAt: "desc"
},
where: {
isActive: true,
isArsip: false,
Voting_Status: {
name: fixStatus
},
title: {
contains: search,
mode: "insensitive"
}
},
include: {
Author: {
select: {
id: true,
username: true,
Profile: {
select: {
name: true
}
}
}
},
Voting_Status: true,
Voting_Kontributor: true,
Voting_DaftarNamaVote: true,
}
})
} else if (page && !search) {
if (fixStatus === "Publish") {
const getAllData = await prisma.voting.findMany({
where: {
isActive: true,
Voting_Status: {
name: fixStatus
},
isArsip: false
}
});
}
}
} catch (error) {
}
}

4
src/app/dev/admin/donasi/sub-menu/kategori/page.tsx
View File

@@ -2,11 +2,11 @@ import { AdminDonasi_TableKategori } from "@/app_modules/admin/donasi";
import adminDonasi_getMasterKategori from "@/app_modules/admin/donasi/fun/master/get_list_kategori"; import adminDonasi_getMasterKategori from "@/app_modules/admin/donasi/fun/master/get_list_kategori";
export default async function Page() { export default async function Page() {
const listKategori = await adminDonasi_getMasterKategori(); // const listKategori = await adminDonasi_getMasterKategori();
return ( return (
<> <>
<AdminDonasi_TableKategori listKategori={listKategori} /> <AdminDonasi_TableKategori />
</> </>
); );
} }

4
src/app/dev/admin/job/child/publish/page.tsx
View File

@@ -3,11 +3,11 @@ import adminJob_getListPublish from "@/app_modules/admin/job/fun/get/get_list_pu
import { AdminJob_getListTableByStatusId } from "@/app_modules/admin/job/fun/get/get_list_table_by_status_id"; import { AdminJob_getListTableByStatusId } from "@/app_modules/admin/job/fun/get/get_list_table_by_status_id";
export default async function Page() { export default async function Page() {
const listPublish = await adminJob_getListPublish({page: 1})
return ( return (
<> <>
<AdminJob_TablePublish dataPublish={listPublish as any} /> <AdminJob_TablePublish />
</> </>
); );
} }

3
src/app/dev/admin/job/child/review/page.tsx
View File

@@ -2,11 +2,10 @@ import { AdminJob_TableReview } from "@/app_modules/admin/job";
import adminJob_getListReview from "@/app_modules/admin/job/fun/get/get_list_review"; import adminJob_getListReview from "@/app_modules/admin/job/fun/get/get_list_review";
export default async function Page() { export default async function Page() {
const dataReview = await adminJob_getListReview({ page: 1 });
return ( return (
<> <>
<AdminJob_TableReview dataReview={dataReview} /> <AdminJob_TableReview />
</> </>
); );
} }

3
src/app_modules/admin/donasi/fun/update/fun_update_kategori_by_id.ts
View File

@@ -6,9 +6,11 @@ import { update } from "lodash";
export default async function adminDonasi_funUpdatekategoriById({ export default async function adminDonasi_funUpdatekategoriById({
kategoriId, kategoriId,
name, name,
}: { }: {
kategoriId: string; kategoriId: string;
name: string; name: string;
}) { }) {
const updt = await prisma.donasiMaster_Kategori.update({ const updt = await prisma.donasiMaster_Kategori.update({
where: { where: {
@@ -16,6 +18,7 @@ export default async function adminDonasi_funUpdatekategoriById({
}, },
data: { data: {
name: name, name: name,
}, },
}); });

20
src/app_modules/admin/donasi/lib/api_fetch_admin_donasi.ts
View File

@@ -1,7 +1,8 @@
export { export {
apiGetAdminDonasiStatusCountDashboard, apiGetAdminDonasiStatusCountDashboard,
apiGetAdminDonasiKategoriCountDashboard, apiGetAdminDonasiKategoriCountDashboard,
apiGetAdminDonasiByStatus apiGetAdminDonasiByStatus,
apiGetAdminDonasiKategori
}; };
const apiGetAdminDonasiStatusCountDashboard = async ({ name }: const apiGetAdminDonasiStatusCountDashboard = async ({ name }:
{ name: "Publish" | "Review" | "Reject" }) => { { name: "Publish" | "Review" | "Reject" }) => {
@@ -66,3 +67,20 @@ const apiGetAdminDonasiByStatus = async ({
console.log("Ini response", response) console.log("Ini response", response)
return await response.json().catch(() => null); return await response.json().catch(() => null);
} }
const apiGetAdminDonasiKategori = async () => {
const { token } = await fetch("/api/get-cookie").then((res) => res.json());
if (!token) return await token.json().catch(() => null);
console.log("ini token", token)
const response = await fetch(`/api/admin/donasi/kategori`, {
method: "GET",
headers: {
"Content-Type": "application/json",
Accept: "application/json",
"Access-Control-Allow-Origin": "*",
Authorization: `Bearer ${token}`
}
})
return await response.json().catch(() => null);
}

156
src/app_modules/admin/donasi/sub_menu/table_kategori.tsx
View File

@@ -32,25 +32,23 @@ import _ from "lodash";
import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component"; import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
import { AccentColor } from "@/app_modules/_global/color"; import { AccentColor } from "@/app_modules/_global/color";
import { AdminColor } from "@/app_modules/_global/color/color_pallet"; import { AdminColor } from "@/app_modules/_global/color/color_pallet";
import { useShallowEffect } from "@mantine/hooks";
import { apiGetAdminDonasiKategori } from "../lib/api_fetch_admin_donasi";
import { clientLogger } from "@/util/clientLogger";
export default function AdminDonasi_TableKategori({ export default function AdminDonasi_TableKategori() {
listKategori,
}: {
listKategori: MODEL_NEW_DEFAULT_MASTER[];
}) {
return ( return (
<> <>
<Stack h={"100%"}> <Stack h={"100%"}>
<ComponentAdminGlobal_HeaderTamplate name="Donasi" /> <ComponentAdminGlobal_HeaderTamplate name="Donasi" />
<TableView list={listKategori} /> <TableView />
</Stack> </Stack>
</> </>
); );
} }
function TableView({ list }: { list: MODEL_NEW_DEFAULT_MASTER[] }) { function TableView() {
const [data, setData] = useState(list); const [data, setData] = useState<MODEL_NEW_DEFAULT_MASTER[] | null>(null);
const [create, setCreate] = useState(""); const [create, setCreate] = useState("");
const [isCreate, setIsCreate] = useState(false); const [isCreate, setIsCreate] = useState(false);
@@ -67,6 +65,22 @@ function TableView({ list }: { list: MODEL_NEW_DEFAULT_MASTER[] }) {
}); });
const [isChangeStatus, setIsChangeStatus] = useState(false); const [isChangeStatus, setIsChangeStatus] = useState(false);
useShallowEffect(() => {
onLoadData();
}, []);
async function onLoadData() {
try {
const response = await apiGetAdminDonasiKategori();
if (response) {
console.log("ini response", response)
setData(response.data)
}
} catch (error) {
clientLogger.error("Error get kategori" , error)
}
}
async function onCreateNewKategori() { async function onCreateNewKategori() {
const tambahData = await adminDonasi_funCreateKategori({ const tambahData = await adminDonasi_funCreateKategori({
newKategori: create, newKategori: create,
@@ -114,49 +128,63 @@ function TableView({ list }: { list: MODEL_NEW_DEFAULT_MASTER[] }) {
} }
} }
const rowTable = data.map((e, i) => ( const renderTableBody = () => {
<tr key={i}> if (!Array.isArray(data) || data.length === 0) {
<td> return (
<Center c={AccentColor.white}> <tr>
<Text>{e?.name}</Text> <td colSpan={12}>
</Center> <Center>
</td> <Text color="gray">Tidak ada data</Text>
<td> </Center>
<Center> </td>
<Switch </tr>
color="orange" )
onLabel="ON" }
offLabel="OFF" return data.map((e, i) => (
checked={e?.active} <tr key={i}>
onChange={(val) => { <td>
const status = val.currentTarget.checked; <Center c={AccentColor.white}>
setIsChangeStatus(true); <Text>{e?.name}</Text>
setUpdateStatus({ </Center>
kategoriId: e?.id, </td>
isActive: status as any, <td>
}); <Center>
}} <Switch
/> color="orange"
</Center> onLabel="ON"
</td> offLabel="OFF"
<td> checked={e?.active}
<Group position="center"> onChange={(val) => {
<ActionIcon const status = val.currentTarget.checked;
onClick={() => { setIsChangeStatus(true);
setIsUpdate(true); setUpdateStatus({
setIsCreate(false); kategoriId: e?.id,
setUpdateKategori({ isActive: status as any,
kategoriId: e?.id, });
name: e?.name, }}
}); />
}} </Center>
> </td>
<IconEdit color={AdminColor.green} /> <td>
</ActionIcon> <Group position="center">
</Group> <ActionIcon
</td> onClick={() => {
</tr> setIsUpdate(true);
)); setIsCreate(false);
setUpdateKategori({
kategoriId: e?.id,
name: e?.name,
});
}}
>
<IconEdit color={AdminColor.green} />
</ActionIcon>
</Group>
</td>
</tr>
));
}
return ( return (
<> <>
@@ -167,16 +195,16 @@ function TableView({ list }: { list: MODEL_NEW_DEFAULT_MASTER[] }) {
color={AdminColor.softBlue} color={AdminColor.softBlue}
component={ component={
<Button <Button
w={120} w={120}
leftIcon={<IconCirclePlus />} leftIcon={<IconCirclePlus />}
radius={"xl"} radius={"xl"}
onClick={() => { onClick={() => {
setIsCreate(true); setIsCreate(true);
setIsUpdate(false); setIsUpdate(false);
}} }}
> >
Tambah Tambah
</Button> </Button>
} }
/> />
{/* <Group {/* <Group
@@ -208,7 +236,7 @@ function TableView({ list }: { list: MODEL_NEW_DEFAULT_MASTER[] }) {
horizontalSpacing={"md"} horizontalSpacing={"md"}
p={"md"} p={"md"}
w={"100%"} w={"100%"}
> >
<thead> <thead>
<tr> <tr>
@@ -223,7 +251,7 @@ function TableView({ list }: { list: MODEL_NEW_DEFAULT_MASTER[] }) {
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody>{rowTable}</tbody> <tbody>{renderTableBody()}</tbody>
</Table> </Table>
</ScrollArea> </ScrollArea>
{/* <Center mt={"xl"}> {/* <Center mt={"xl"}>

40
src/app_modules/admin/event/child/riwayat.tsx
View File

@@ -24,6 +24,7 @@ import { useState } from "react";
import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate"; import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
import { apiGetAdminEventRiwayat } from "@/app/dev/admin/event/_lib/api_fecth_admin_event"; import { apiGetAdminEventRiwayat } from "@/app/dev/admin/event/_lib/api_fecth_admin_event";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton"; import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { AdminColor } from "@/app_modules/_global/color/color_pallet";
export default function AdminEvent_Riwayat() { export default function AdminEvent_Riwayat() {
return ( return (
@@ -112,28 +113,28 @@ function DetailRiwayat() {
</td> </td>
<td> <td>
<Center w={200}> <Center c={AdminColor.white} w={200}>
<Text>{e?.Author?.username}</Text> <Text>{e?.Author?.username}</Text>
</Center> </Center>
</td> </td>
<td> <td>
<Center w={200}> <Center c={AdminColor.white} w={200}>
<Text lineClamp={2}>{e.title}</Text> <Text lineClamp={2}>{e.title}</Text>
</Center> </Center>
</td> </td>
<td> <td>
<Center w={200}> <Center c={AdminColor.white} w={200}>
<Text>{e.lokasi}</Text> <Text>{e.lokasi}</Text>
</Center> </Center>
</td> </td>
<td> <td>
<Center w={200}> <Center c={AdminColor.white} w={200}>
<Text>{e.EventMaster_TipeAcara.name}</Text> <Text>{e.EventMaster_TipeAcara.name}</Text>
</Center> </Center>
</td> </td>
<td> <td>
<Center w={200}> <Center c={AdminColor.white} w={200}>
<Text align="center"> <Text align="center">
{new Intl.DateTimeFormat("id-ID", { {new Intl.DateTimeFormat("id-ID", {
dateStyle: "full", dateStyle: "full",
@@ -148,7 +149,7 @@ function DetailRiwayat() {
</Center> </Center>
</td> </td>
<td> <td>
<Center w={200}> <Center c={AdminColor.white} w={200}>
<Text align="center"> <Text align="center">
{new Intl.DateTimeFormat("id-ID", { {new Intl.DateTimeFormat("id-ID", {
dateStyle: "full", dateStyle: "full",
@@ -164,7 +165,7 @@ function DetailRiwayat() {
</td> </td>
<td> <td>
<Center w={400}> <Center c={AdminColor.white} w={400}>
<Spoiler <Spoiler
hideLabel="sembunyikan" hideLabel="sembunyikan"
maxHeight={50} maxHeight={50}
@@ -183,11 +184,11 @@ function DetailRiwayat() {
<Stack spacing={"xs"} h={"100%"}> <Stack spacing={"xs"} h={"100%"}>
<Group <Group
position="apart" position="apart"
bg={"gray.4"} bg={AdminColor.softBlue}
p={"xs"} p={"xs"}
style={{ borderRadius: "6px" }} style={{ borderRadius: "6px" }}
> >
<Title order={4}>Riwayat</Title> <Title c={AdminColor.white} order={4}>Riwayat</Title>
<TextInput <TextInput
icon={<IconSearch size={20} />} icon={<IconSearch size={20} />}
radius={"xl"} radius={"xl"}
@@ -201,41 +202,40 @@ function DetailRiwayat() {
{!data ? ( {!data ? (
<CustomSkeleton height={"80vh"} width="100%" /> <CustomSkeleton height={"80vh"} width="100%" />
) : ( ) : (
<Paper p={"md"} withBorder shadow="lg" h={"80vh"}> <Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}>
<ScrollArea w={"100%"} h={"90%"}> <ScrollArea w={"100%"} h={"90%"}>
<Table <Table
verticalSpacing={"md"} verticalSpacing={"md"}
horizontalSpacing={"md"} horizontalSpacing={"md"}
p={"md"} p={"md"}
w={"100%"} w={"100%"}
striped
highlightOnHover
> >
<thead> <thead>
<tr> <tr>
<th> <th>
<Center>Aksi</Center> <Center c={AdminColor.white}>Aksi</Center>
</th> </th>
<th> <th>
<Center>Username</Center> <Center c={AdminColor.white}>Username</Center>
</th> </th>
<th> <th>
<Center>Judul</Center> <Center c={AdminColor.white}>Judul</Center>
</th> </th>
<th> <th>
<Center>Lokasi</Center> <Center c={AdminColor.white}>Lokasi</Center>
</th> </th>
<th> <th>
<Center>Tipe Acara</Center> <Center c={AdminColor.white}>Tipe Acara</Center>
</th> </th>
<th> <th>
<Center>Tanggal & Waktu Mulai</Center> <Center c={AdminColor.white}>Tanggal & Waktu Mulai</Center>
</th> </th>
<th> <th>
<Center>Tanggal & Waktu Selesai</Center> <Center c={AdminColor.white}>Tanggal & Waktu Selesai</Center>
</th> </th>
<th> <th>
<Center>Deskripsi</Center> <Center c={AdminColor.white}>Deskripsi</Center>
</th> </th>
</tr> </tr>
</thead> </thead>

14
src/app_modules/admin/event/child/tipe_acara.tsx
View File

@@ -28,6 +28,7 @@ import { AdminEvent_getListTipeAcara } from "../fun/get/get_list_tipe_acara";
import { apiGetAdminEventTipeAcara } from "@/app/dev/admin/event/_lib/api_fecth_admin_event"; import { apiGetAdminEventTipeAcara } from "@/app/dev/admin/event/_lib/api_fecth_admin_event";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton"; import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { clientLogger } from "@/util/clientLogger"; import { clientLogger } from "@/util/clientLogger";
import { AdminColor } from "@/app_modules/_global/color/color_pallet";
export default function AdminEvent_DetailTipeAcara() { export default function AdminEvent_DetailTipeAcara() {
return ( return (
@@ -92,11 +93,11 @@ function DetailTipeAcara() {
<Group <Group
position="apart" position="apart"
bg={"gray.4"} bg={AdminColor.softBlue}
p={"xs"} p={"xs"}
style={{ borderRadius: "6px" }} style={{ borderRadius: "6px" }}
> >
<Title order={4}>Tipe Acara</Title> <Title c={AdminColor.white} order={4}>Tipe Acara</Title>
<Button <Button
leftIcon={<IconCirclePlus />} leftIcon={<IconCirclePlus />}
radius={"xl"} radius={"xl"}
@@ -123,14 +124,14 @@ function DetailTipeAcara() {
]} ]}
> >
<div> <div>
<Paper p={"md"} shadow="lg" withBorder> <Paper p={"md"} bg={AdminColor.softBlue}>
<Stack> <Stack>
<Title order={3}>Tipe Acara Yang Tersedia </Title> <Title c={AdminColor.white} order={3}>Tipe Acara Yang Tersedia </Title>
<Stack px={"md"}> <Stack px={"md"}>
{tipe.map((e, i) => ( {tipe.map((e, i) => (
<Stack key={e.id} spacing={"xs"}> <Stack key={e.id} spacing={"xs"}>
<Group position="apart"> <Group position="apart">
<Text>{e.name}</Text> <Text c={AdminColor.white}>{e.name}</Text>
<Group> <Group>
<ActionIcon <ActionIcon
variant="transparent" variant="transparent"
@@ -202,9 +203,10 @@ function DetailTipeAcara() {
<div> <div>
{openEditor ? ( {openEditor ? (
<Paper p={"sm"} shadow="lg" withBorder> <Paper p={"sm"} bg={AdminColor.softBlue}>
<Stack> <Stack>
<TextInput <TextInput
styles={{ label: { color: AdminColor.white } }}
value={edit?.name ? edit?.name : ""} value={edit?.name ? edit?.name : ""}
label="Edit Tipe" label="Edit Tipe"
placeholder="Contoh: Ramah Tamah, dll" placeholder="Contoh: Ramah Tamah, dll"

41
src/app_modules/admin/event/table_status/table_publish.tsx
View File

@@ -24,6 +24,7 @@ import { useState } from "react";
import QRCode from "react-qr-code"; import QRCode from "react-qr-code";
import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component"; import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate"; import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
import { AdminColor } from "@/app_modules/_global/color/color_pallet";
export default function AdminEvent_TablePublish() { export default function AdminEvent_TablePublish() {
return ( return (
@@ -135,28 +136,28 @@ function TableStatus() {
</Center> </Center>
</td> </td>
<td> <td>
<Center w={200}> <Center c={AdminColor.white} w={200}>
<Text>{e?.Author?.username}</Text> <Text>{e?.Author?.username}</Text>
</Center> </Center>
</td> </td>
<td> <td>
<Center w={200}> <Center c={AdminColor.white} w={200}>
<Text lineClamp={2}>{e.title}</Text> <Text lineClamp={2}>{e.title}</Text>
</Center> </Center>
</td> </td>
<td> <td>
<Center w={200}> <Center c={AdminColor.white} w={200}>
<Text>{e.lokasi}</Text> <Text>{e.lokasi}</Text>
</Center> </Center>
</td> </td>
<td> <td>
<Center w={200}> <Center c={AdminColor.white} w={200}>
<Text>{e.EventMaster_TipeAcara?.name}</Text> <Text>{e.EventMaster_TipeAcara?.name}</Text>
</Center> </Center>
</td> </td>
<td> <td>
<Center w={200}> <Center c={AdminColor.white} w={200}>
<Text align="center"> <Text align="center">
{new Intl.DateTimeFormat("id-ID", { {new Intl.DateTimeFormat("id-ID", {
dateStyle: "full", dateStyle: "full",
@@ -171,7 +172,7 @@ function TableStatus() {
</Center> </Center>
</td> </td>
<td> <td>
<Center w={200}> <Center c={AdminColor.white} w={200}>
<Text align="center"> <Text align="center">
{new Intl.DateTimeFormat("id-ID", { {new Intl.DateTimeFormat("id-ID", {
dateStyle: "full", dateStyle: "full",
@@ -187,7 +188,7 @@ function TableStatus() {
</td> </td>
<td> <td>
<Center w={400}> <Center c={AdminColor.white} w={400}>
<Spoiler <Spoiler
hideLabel="sembunyikan" hideLabel="sembunyikan"
maxHeight={50} maxHeight={50}
@@ -222,7 +223,7 @@ function TableStatus() {
<Stack spacing="xs" h="100%"> <Stack spacing="xs" h="100%">
<ComponentAdminGlobal_TitlePage <ComponentAdminGlobal_TitlePage
name="Publish" name="Publish"
color="green" color={AdminColor.softBlue}
component={ component={
<TextInput <TextInput
disabled={!data} disabled={!data}
@@ -238,47 +239,45 @@ function TableStatus() {
{!data ? ( {!data ? (
<CustomSkeleton height={"80vh"} width="100%" /> <CustomSkeleton height={"80vh"} width="100%" />
) : ( ) : (
<Paper p="md" withBorder shadow="lg" h="80vh"> <Paper p="md" bg={AdminColor.softBlue} h="80vh">
<ScrollArea w="100%" h="90%"> <ScrollArea w="100%" h="90%">
<Table <Table
verticalSpacing="md" verticalSpacing="md"
horizontalSpacing="md" horizontalSpacing="md"
p="md" p="md"
w={1500} w={1500}
striped
highlightOnHover
> >
<thead> <thead>
<tr> <tr>
<th> <th>
<Center>QR Code</Center> <Center c={AdminColor.white}>QR Code</Center>
</th> </th>
<th> <th>
<Center>Download QR</Center> <Center c={AdminColor.white}>Download QR</Center>
</th> </th>
<th> <th>
<Center>Username</Center> <Center c={AdminColor.white}>Username</Center>
</th> </th>
<th> <th>
<Center>Judul</Center> <Center c={AdminColor.white}>Judul</Center>
</th> </th>
<th> <th>
<Center>Lokasi</Center> <Center c={AdminColor.white}>Lokasi</Center>
</th> </th>
<th> <th>
<Center>Tipe Acara</Center> <Center c={AdminColor.white}>Tipe Acara</Center>
</th> </th>
<th> <th>
<Center>Tanggal & Waktu Mulai</Center> <Center c={AdminColor.white}>Tanggal & Waktu Mulai</Center>
</th> </th>
<th> <th>
<Center>Tanggal & Waktu Selesai</Center> <Center c={AdminColor.white}>Tanggal & Waktu Selesai</Center>
</th> </th>
<th> <th>
<Center>Deskripsi</Center> <Center c={AdminColor.white}>Deskripsi</Center>
</th> </th>
<th> <th>
<Center>Aksi</Center> <Center c={AdminColor.white}>Aksi</Center>
</th> </th>
</tr> </tr>
</thead> </thead>

2
src/app_modules/admin/event/table_status/table_reject.tsx
View File

@@ -47,7 +47,7 @@ export default function AdminEvent_TableReject() {
function TableStatus() { function TableStatus() {
const router = useRouter(); const router = useRouter();
const [data, setData] = useState<MODEL_EVENT[] | null>(null); const [data, setData] = useState<MODEL_EVENT[] | null>(null);
const [isNPage, setNPage] = useState(1); const [isNPage, setNPage] = useState<number>(1);
const [activePage, setActivePage] = useState(1); const [activePage, setActivePage] = useState(1);
const [isSearch, setSearch] = useState(""); const [isSearch, setSearch] = useState("");

426
src/app_modules/admin/job/_view/view_table_review.tsx
View File

@@ -46,15 +46,14 @@ import adminJob_getListReview from "../fun/get/get_list_review";
import { useAtom } from "jotai"; import { useAtom } from "jotai";
import { AccentColor } from "@/app_modules/_global/color"; import { AccentColor } from "@/app_modules/_global/color";
import { AdminColor, MainColor } from "@/app_modules/_global/color/color_pallet"; import { AdminColor, MainColor } from "@/app_modules/_global/color/color_pallet";
import { clientLogger } from "@/util/clientLogger";
import { apiGetAdminJobByStatus } from "../lib/api_fetch_admin_job";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
export default function AdminJob_ViewTavleReview({ export default function AdminJob_ViewTavleReview() {
listReview,
}: {
listReview: any;
}) {
const router = useRouter(); const router = useRouter();
const [data, setData] = useState<MODEL_JOB[]>(listReview.data); const [data, setData] = useState<MODEL_JOB[] | null>(null);
const [nPage, setNPage] = useState(listReview.nPage); const [nPage, setNPage] = useState<number>(1);
const [activePage, setActivePage] = useState(1); const [activePage, setActivePage] = useState(1);
const [isSearch, setSearch] = useState(""); const [isSearch, setSearch] = useState("");
const [publish, setPublish] = useState(false); const [publish, setPublish] = useState(false);
@@ -70,153 +69,159 @@ export default function AdminJob_ViewTavleReview({
const [isShowReload, setIsShowReload] = useState(false); const [isShowReload, setIsShowReload] = useState(false);
useShallowEffect(() => { useShallowEffect(() => {
if (isAdminJob_TriggerReview) { loadInitialData();
setIsShowReload(true); }, [activePage, isSearch]);
const loadInitialData = async () => {
try {
const response = await apiGetAdminJobByStatus({
status: "Review",
page: `${activePage}`,
search: isSearch
})
if (response?.success && response?.data.data) {
setData(response.data.data);
setNPage(response.data.nPage || 1);
} else {
console.error("Invliad data format recieved", response)
setData([]);
}
} catch (error) {
clientLogger.error("Error get data table publish", error);
setData([]);
} }
}, [isAdminJob_TriggerReview, setIsShowReload]); }
// useShallowEffect(() => {
// onLoadData({
// onSuccessLoad(val) {
// setData(val.data);
// setNPage(val.nPage);
// },
// });
// }, [setData, setNPage]);
// async function onLoadData({
// onSuccessLoad,
// }: {
// onSuccessLoad: (val: any) => any;
// }) {
// const loadData = await adminJob_getListReview({ page: 1 });
// onSuccessLoad(loadData);
// }
async function onLoadData() { async function onLoadData() {
const loadData = await adminJob_getListReview({ page: 1 }); loadInitialData();
setData(loadData.data as any);
setNPage(loadData.nPage);
setIsLoading(false); setIsLoading(false);
setIsShowReload(false); setIsShowReload(false);
setIsAdminJob_TriggerReview(false); setIsAdminJob_TriggerReview(false);
} }
async function onSearch(s: string) { const onSearch = async (searchTerm: string) => {
setSearch(s); setSearch(searchTerm);
setActivePage(1); setActivePage(1);
const loadData = await adminJob_getListReview({
page: 1,
search: s,
});
setData(loadData.data as any);
setNPage(loadData.nPage);
} }
async function onPageClick(p: any) { const onPageClick = (page: number) => {
setActivePage(p); setActivePage(page);
const loadData = await adminJob_getListReview({
search: isSearch,
page: p,
});
setData(loadData.data as any);
setNPage(loadData.nPage);
} }
const rowTable = data?.map((e, i) => ( const renderTableBody = () => {
<tr key={i}> if (!Array.isArray(data) || data.length === 0) {
<td> return (
<Center w={150}> <tr>
<Text c={AdminColor.white}>{e?.Author?.username}</Text> <td colSpan={12}>
</Center> <Center>
</td> <Text color="gray">Tidak ada data</Text>
<td>
<Spoiler
w={200}
maxHeight={50}
hideLabel="sembunyikan"
showLabel="tampilkan"
>
{e.title}
</Spoiler>
</td>
<td>
<Center w={200}>
{e.imageId ? (
<Button
loaderPosition="center"
loading={isLoading && jobId == e?.id}
color="green"
radius={"xl"}
leftIcon={<IconPhotoCheck />}
onClick={() => {
setJobId(e?.id);
setIsLoading(true);
router.push(RouterAdminGlobal.preview_image({ id: e.imageId }));
}}
>
Lihat
</Button>
) : (
<Center w={150}>
<Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
Tidak ada poster
</Text>
</Center> </Center>
)} </td>
</Center> </tr>
</td> )
<td> }
<Spoiler return data.map((e, i) => (
hideLabel="sembunyikan" <tr key={i}>
w={400} <td>
maxHeight={50} <Center w={150}>
showLabel="tampilkan" <Text c={AdminColor.white}>{e?.Author?.username}</Text>
> </Center>
<div dangerouslySetInnerHTML={{ __html: e.content }} /> </td>
</Spoiler> <td>
</td> <Spoiler
<td> c={AdminColor.white}
<Spoiler w={200}
hideLabel="sembunyikan" maxHeight={50}
w={400} hideLabel="sembunyikan"
maxHeight={50} showLabel="tampilkan"
showLabel="tampilkan" >
> {e.title}
<div dangerouslySetInnerHTML={{ __html: e.deskripsi }} /> </Spoiler>
</Spoiler> </td>
</td> <td>
<td> <Center w={200}>
<Stack> {e.imageId ? (
<Stack align="center"> <Button
<Button loaderPosition="center"
color={"green"} loading={isLoading && jobId == e?.id}
leftIcon={<IconCircleCheck />} color="green"
radius={"xl"} radius={"xl"}
onClick={() => { leftIcon={<IconPhotoCheck />}
setJobId(e?.id); onClick={() => {
setPublish(true); setJobId(e?.id);
} setIsLoading(true);
router.push(RouterAdminGlobal.preview_image({ id: e.imageId }));
} }}
> >
Publish Lihat
</Button> </Button>
<Button ) : (
color={"red"} <Center w={150}>
leftIcon={<IconBan />} <Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
radius={"xl"} Tidak ada poster
onClick={() => { </Text>
setReject(true); </Center>
setJobId(e.id); )}
}} </Center>
> </td>
Reject <td>
</Button> <Spoiler
style={{ color: AdminColor.white }}
hideLabel="sembunyikan"
w={400}
maxHeight={50}
showLabel="tampilkan"
>
<div dangerouslySetInnerHTML={{ __html: e.content }} />
</Spoiler>
</td>
<td>
<Spoiler
style={{ color: AdminColor.white }}
hideLabel="sembunyikan"
w={400}
maxHeight={50}
showLabel="tampilkan"
>
<div dangerouslySetInnerHTML={{ __html: e.deskripsi }} />
</Spoiler>
</td>
<td>
<Stack>
<Stack align="center">
<Button
color={"green"}
leftIcon={<IconCircleCheck />}
radius={"xl"}
onClick={() => {
setJobId(e?.id);
setPublish(true);
}
}
>
Publish
</Button>
<Button
color={"red"}
leftIcon={<IconBan />}
radius={"xl"}
onClick={() => {
setReject(true);
setJobId(e.id);
}}
>
Reject
</Button>
</Stack>
</Stack> </Stack>
</Stack> </td>
</td> </tr>
</tr> ));
)); }
return ( return (
<> <>
@@ -306,7 +311,7 @@ export default function AdminJob_ViewTavleReview({
</Group> </Group>
</Stack> </Stack>
</Modal> </Modal>
<Stack spacing={"xs"} h={"100%"}> <Stack spacing={"xs"} h={"100%"}>
<ComponentAdminGlobal_TitlePage <ComponentAdminGlobal_TitlePage
@@ -323,76 +328,79 @@ export default function AdminJob_ViewTavleReview({
/> />
} }
/> />
{!data ? (
<CustomSkeleton height={"80vh"} width={"100%"} />
) : (
<Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}>
{isShowReload && (
<Paper bg={"red"} w={"50%"}>
<Affix position={{ top: rem(200) }} w={"100%"}>
<Center>
<Button
style={{
transition: "0.5s",
border: `1px solid ${AccentColor.skyblue}`,
}}
bg={AccentColor.blue}
loaderPosition="center"
loading={isLoading}
radius={"xl"}
opacity={0.8}
onClick={() => onLoadData()}
leftIcon={<IconRefresh />}
>
Update Data
</Button>
</Center>
</Affix>
</Paper>
)}
<Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}> <ScrollArea w={"100%"} h={"90%"}>
{isShowReload && ( <Table
<Paper bg={"red"} w={"50%"}> verticalSpacing={"md"}
<Affix position={{ top: rem(200) }} w={"100%"}> horizontalSpacing={"md"}
<Center> p={"md"}
<Button w={"100%"}
style={{ h={"100%"}
transition: "0.5s",
border: `1px solid ${AccentColor.skyblue}`,
}}
bg={AccentColor.blue}
loaderPosition="center"
loading={isLoading}
radius={"xl"}
opacity={0.8}
onClick={() => onLoadData()}
leftIcon={<IconRefresh />}
>
Update Data
</Button>
</Center>
</Affix>
</Paper>
)}
<ScrollArea w={"100%"} h={"90%"}> >
<Table <thead>
verticalSpacing={"md"} <tr>
horizontalSpacing={"md"} <th>
p={"md"} <Center c={AdminColor.white}>Author</Center>
w={"100%"} </th>
h={"100%"} <th>
<Text c={AdminColor.white}>Judul</Text>
> </th>
<thead> <th>
<tr> <Center c={AdminColor.white}>Poster</Center>
<th> </th>
<Center c={AdminColor.white}>Author</Center> <th>
</th> <Text c={AdminColor.white}>Syarat Ketentuan</Text>
<th> </th>
<Text c={AdminColor.white}>Judul</Text> <th>
</th> <Text c={AdminColor.white}>Deskripsi</Text>
<th> </th>
<Center c={AdminColor.white}>Poster</Center> <th>
</th> <Center c={AdminColor.white}>Aksi</Center>
<th> </th>
<Text c={AdminColor.white}>Syarat Ketentuan</Text> </tr>
</th> </thead>
<th> <tbody>{renderTableBody()}</tbody>
<Text c={AdminColor.white}>Deskripsi</Text> </Table>
</th> </ScrollArea>
<th> <Center mt={"xl"}>
<Center c={AdminColor.white}>Aksi</Center> <Pagination
</th> value={activePage}
</tr> total={nPage}
</thead> onChange={(val) => {
<tbody>{rowTable}</tbody> onPageClick(val);
</Table> }}
</ScrollArea> />
<Center mt={"xl"}> </Center>
<Pagination </Paper>
value={activePage} )}
total={nPage}
onChange={(val) => {
onPageClick(val);
}}
/>
</Center>
</Paper>
</Stack> </Stack>
</> </>
); );

323
src/app_modules/admin/job/child/publish/index.tsx
View File

@@ -17,135 +17,163 @@ import {
Text, Text,
TextInput, TextInput,
} from "@mantine/core"; } from "@mantine/core";
import { IconPhotoCheck, IconSearch } from "@tabler/icons-react"; import { IconPhotoCheck, IconSearch, IconSettingsSearch } from "@tabler/icons-react";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import { useState } from "react"; import { useState } from "react";
import adminJob_getListPublish from "../../fun/get/get_list_publish"; import adminJob_getListPublish from "../../fun/get/get_list_publish";
import { RouterAdminGlobal } from "@/app/lib"; import { RouterAdminGlobal } from "@/app/lib";
import { AdminColor } from "@/app_modules/_global/color/color_pallet"; import { AdminColor } from "@/app_modules/_global/color/color_pallet";
import { useShallowEffect } from "@mantine/hooks";
import { apiGetAdminJobByStatus } from "../../lib/api_fetch_admin_job";
import { clientLogger } from "@/util/clientLogger";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
export default function AdminJob_TablePublish({ export default function AdminJob_TablePublish() {
dataPublish,
}: {
dataPublish: any;
}) {
return ( return (
<> <>
<Stack> <Stack>
<ComponentAdminGlobal_HeaderTamplate name="Job Vacancy" /> <ComponentAdminGlobal_HeaderTamplate name="Job Vacancy" />
<TableStatus dataPublish={dataPublish} /> <TableStatus />
</Stack> </Stack>
</> </>
); );
} }
function TableStatus({ dataPublish }: { dataPublish: any }) { function TableStatus() {
const router = useRouter(); const router = useRouter();
const [data, setData] = useState<MODEL_JOB[]>(dataPublish.data); const [data, setData] = useState<MODEL_JOB[] | null>(null);
const [nPage, setNPage] = useState(dataPublish.nPage); const [nPage, setNPage] = useState<number>(1);
const [activePage, setActivePage] = useState(1); const [activePage, setActivePage] = useState(1);
const [isSearch, setSearch] = useState(""); const [isSearch, setSearch] = useState("");
const [isLoadingShowImage, setLoadingShowImage] = useState(false); const [isLoadingShowImage, setLoadingShowImage] = useState(false);
const [dataId, setDataId] = useState(""); const [dataId, setDataId] = useState("");
async function onSearch(s: string) { useShallowEffect(() => {
setSearch(s); loadInitialData();
}, [activePage, isSearch])
const loadInitialData = async () => {
try {
const response = await apiGetAdminJobByStatus({
status: "Publish",
page: `${activePage}`,
search: isSearch
})
if (response?.success && response?.data.data) {
setData(response.data.data);
setNPage(response.data.nPage || 1);
} else {
console.error("Invalid data format recieved", response)
setData([])
}
} catch (error) {
clientLogger.error("Invalid data format recieved:", error)
setData([])
}
}
const onSearch = async (searchTerm: string) => {
setSearch(searchTerm);
setActivePage(1); setActivePage(1);
const loadData = await adminJob_getListPublish({
page: 1,
search: s,
});
setData(loadData.data as any);
setNPage(loadData.nPage);
} }
async function onPageClick(p: any) { const onPageClick = (page: number) => {
setActivePage(p); setActivePage(page);
const loadData = await adminJob_getListPublish({
search: isSearch,
page: p,
});
setData(loadData.data as any);
setNPage(loadData.nPage);
} }
const TableRows = data?.map((e, i) => ( const renderTableBody = () => {
<tr key={i}> if (!Array.isArray(data) || data.length === 0) {
<td> return (
<Center w={150}> <tr>
<Text c={AdminColor.white}>{e?.Author?.username}</Text> <td colSpan={12}>
</Center> <Center>
</td> <Text color="gray">Tidak ada data</Text>
<td>
<Center w={150}>
<Text>
{e?.isArsip ? (
<Badge variant="light">Arsip</Badge>
) : (
<Badge color="green">Publish</Badge>
)}
</Text>
</Center>
</td>
<td>
<Spoiler
w={300}
maxHeight={50}
hideLabel="sembunyikan"
showLabel="tampilkan"
>
{e.title}
</Spoiler>
</td>
<td>
<Center w={200}>
{e.imageId ? (
<Button
loaderPosition="center"
loading={isLoadingShowImage && e.id === dataId}
color="green"
radius={"xl"}
leftIcon={<IconPhotoCheck />}
onClick={() => {
setLoadingShowImage(true);
setDataId(e.id);
router.push(RouterAdminGlobal.preview_image({ id: e.imageId }));
}}
>
Lihat
</Button>
) : (
<Center w={200}>
<Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
Tidak ada poster
</Text>
</Center> </Center>
)} </td>
</Center> </tr>
</td> )
<td> }
<Spoiler return data?.map((e, i) => (
hideLabel="sembunyikan" <tr key={i}>
w={400} <td>
maxHeight={50} <Center w={150}>
showLabel="tampilkan" <Text c={AdminColor.white}>{e?.Author?.username}</Text>
> </Center>
<div dangerouslySetInnerHTML={{ __html: e.content }} /> </td>
</Spoiler> <td>
</td> <Center w={150}>
<td> <Text>
<Spoiler {e?.isArsip ? (
hideLabel="sembunyikan" <Badge variant="light">Arsip</Badge>
w={400} ) : (
maxHeight={50} <Badge color="green">Publish</Badge>
showLabel="tampilkan" )}
> </Text>
<div dangerouslySetInnerHTML={{ __html: e.deskripsi }} /> </Center>
</Spoiler> </td>
</td> <td>
</tr> <Spoiler
)); c={AdminColor.white}
w={300}
maxHeight={50}
hideLabel="sembunyikan"
showLabel="tampilkan"
>
{e.title}
</Spoiler>
</td>
<td>
<Center w={200}>
{e.imageId ? (
<Button
loaderPosition="center"
loading={isLoadingShowImage && e.id === dataId}
color="green"
radius={"xl"}
leftIcon={<IconPhotoCheck />}
onClick={() => {
setLoadingShowImage(true);
setDataId(e.id);
router.push(RouterAdminGlobal.preview_image({ id: e.imageId }));
}}
>
Lihat
</Button>
) : (
<Center w={200}>
<Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
Tidak ada poster
</Text>
</Center>
)}
</Center>
</td>
<td>
<Spoiler
c={AdminColor.white}
hideLabel="sembunyikan"
w={400}
maxHeight={50}
showLabel="tampilkan"
>
<div dangerouslySetInnerHTML={{ __html: e.content }} />
</Spoiler>
</td>
<td>
<Spoiler
c={AdminColor.white}
hideLabel="sembunyikan"
w={400}
maxHeight={50}
showLabel="tampilkan"
>
<div dangerouslySetInnerHTML={{ __html: e.deskripsi }} />
</Spoiler>
</td>
</tr>
));
}
return ( return (
<> <>
@@ -165,52 +193,55 @@ function TableStatus({ dataPublish }: { dataPublish: any }) {
/> />
} }
/> />
{!data ? (
<CustomSkeleton height={"80vh"} width="100%" />
) : (
<Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}>
<ScrollArea w={"100%"} h={"90%"}>
<Table
verticalSpacing={"md"}
horizontalSpacing={"md"}
p={"md"}
w={"100%"}
h={"100%"}
<Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}> >
<ScrollArea w={"100%"} h={"90%"}> <thead>
<Table <tr>
verticalSpacing={"md"} <th>
horizontalSpacing={"md"} <Center c={AdminColor.white}>Author</Center>
p={"md"} </th>
w={"100%"} <th>
h={"100%"} <Center c={AdminColor.white}>Status</Center>
</th>
> <th>
<thead> <Text c={AdminColor.white}>Judul</Text>
<tr> </th>
<th> <th>
<Center c={AdminColor.white}>Author</Center> <Center c={AdminColor.white}>Poster</Center>
</th> </th>
<th> <th>
<Center c={AdminColor.white}>Status</Center> <Text c={AdminColor.white}>Syarat Ketentuan</Text>
</th> </th>
<th> <th>
<Text c={AdminColor.white}>Judul</Text> <Text c={AdminColor.white}>Deskripsi</Text>
</th> </th>
<th> </tr>
<Center c={AdminColor.white}>Poster</Center> </thead>
</th> <tbody>{renderTableBody()}</tbody>
<th> </Table>
<Text c={AdminColor.white}>Syarat Ketentuan</Text> </ScrollArea>
</th> <Center mt={"xl"}>
<th> <Pagination
<Text c={AdminColor.white}>Deskripsi</Text> value={activePage}
</th> total={nPage}
</tr> onChange={(val) => {
</thead> onPageClick(val);
<tbody>{TableRows}</tbody> }}
</Table> />
</ScrollArea> </Center>
<Center mt={"xl"}> </Paper>
<Pagination )}
value={activePage}
total={nPage}
onChange={(val) => {
onPageClick(val);
}}
/>
</Center>
</Paper>
</Stack> </Stack>
</> </>
); );

258
src/app_modules/admin/job/child/reject/index.tsx
View File

@@ -31,6 +31,9 @@ import { WibuRealtime } from "wibu-pkg";
import { AdminJob_funEditCatatanById } from "../../fun/edit/fun_edit_catatan_by_id"; import { AdminJob_funEditCatatanById } from "../../fun/edit/fun_edit_catatan_by_id";
import adminJob_getListReject from "../../fun/get/get_list_reject"; import adminJob_getListReject from "../../fun/get/get_list_reject";
import { AdminColor } from "@/app_modules/_global/color/color_pallet"; import { AdminColor } from "@/app_modules/_global/color/color_pallet";
import { apiGetAdminJobByStatus } from "../../lib/api_fetch_admin_job";
import { clientLogger } from "@/util/clientLogger";
import { useShallowEffect } from "@mantine/hooks";
export default function AdminJob_TableReject({ export default function AdminJob_TableReject({
dataReject, dataReject,
@@ -41,16 +44,16 @@ export default function AdminJob_TableReject({
<> <>
<Stack> <Stack>
<ComponentAdminGlobal_HeaderTamplate name="Job Vacancy" /> <ComponentAdminGlobal_HeaderTamplate name="Job Vacancy" />
<TableStatus listReject={dataReject} /> <TableStatus />
</Stack> </Stack>
</> </>
); );
} }
function TableStatus({ listReject }: { listReject: any }) { function TableStatus() {
const router = useRouter(); const router = useRouter();
const [data, setData] = useState<MODEL_JOB[]>(listReject.data); const [data, setData] = useState<MODEL_JOB[] | null>(null);
const [nPage, setNPage] = useState(listReject.nPage); const [nPage, setNPage] = useState<number>(1);
const [activePage, setActivePage] = useState(1); const [activePage, setActivePage] = useState(1);
const [isSearch, setSearch] = useState(""); const [isSearch, setSearch] = useState("");
@@ -59,119 +62,148 @@ function TableStatus({ listReject }: { listReject: any }) {
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
const [catatan, setCatatan] = useState(""); const [catatan, setCatatan] = useState("");
async function onSearch(s: string) { useShallowEffect(() => {
setSearch(s); loadInitialData();
const loadData = await adminJob_getListReject({ }, [activePage, isSearch]);
page: 1, const loadInitialData = async () => {
search: s, try {
}); const response = await apiGetAdminJobByStatus({
setData(loadData.data as any); status: "Reject",
setNPage(loadData.nPage); page: `${activePage}`,
search: isSearch
});
if (response?.success && response?.data.data) {
setData(response.data.data);
setNPage(response.data.nPage || 1);
} else {
console.error('Invalid data format recieved:', response)
setData([]);
}
} catch (error) {
clientLogger.error("Invalid data format recieced:", error);
setData([])
}
}
const onSearch = async (searchTerm: string) => {
setSearch(searchTerm);
setActivePage(1); setActivePage(1);
} }
async function onPageClick(p: any) { const onPageClick = (page: number) => {
setActivePage(p); setActivePage(page);
const loadData = await adminJob_getListReject({
search: isSearch,
page: p,
});
setData(loadData.data as any);
setNPage(loadData.nPage);
} }
const rowTable = data?.map((e, i) => ( const renderTableBody = () => {
<tr key={i}> if (!Array.isArray(data) || data.length === 0) {
<td> return (
<Center w={150}> <tr>
<Text c={AdminColor.white}>{e?.Author?.username}</Text> <td colSpan={12}>
</Center> <Center>
</td> <Text color="gray">Tidak ada data</Text>
<td>
<Spoiler
w={200}
maxHeight={50}
hideLabel="sembunyikan"
showLabel="tampilkan"
>
{e.title}
</Spoiler>
</td>
<td>
<Center w={150}>
{e.imageId ? (
<Button
loading={isLoading && e?.imageId === jobId}
loaderPosition="center"
color="green"
radius={"xl"}
leftIcon={<IconPhotoCheck />}
onClick={() => {
setJobId(e?.imageId);
setIsLoading(true);
router.push(RouterAdminJob.detail_poster + e?.imageId);
}}
>
Lihat
</Button>
) : (
<Center w={150}>
<Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
Tidak ada poster
</Text>
</Center> </Center>
)} </td>
</Center> </tr>
</td> )
<td> }
<Spoiler return data?.map((e, i) => (
w={400} <tr key={i}>
maxHeight={50} <td>
hideLabel="sembunyikan" <Center w={150}>
showLabel="tampilkan" <Text c={AdminColor.white}>{e?.Author?.username}</Text>
> </Center>
<div dangerouslySetInnerHTML={{ __html: e.content }} /> </td>
</Spoiler> <td>
</td> <Spoiler
<td> w={200}
<Spoiler maxHeight={50}
hideLabel="sembunyikan" hideLabel="sembunyikan"
w={400} showLabel="tampilkan"
maxHeight={50} c={AdminColor.white}
showLabel="tampilkan" >
> {e.title}
<div dangerouslySetInnerHTML={{ __html: e.deskripsi }} /> </Spoiler>
</Spoiler> </td>
</td> <td>
<td> <Center w={150}>
<Spoiler {e.imageId ? (
hideLabel="sembunyikan" <Button
w={400} loading={isLoading && e?.imageId === jobId}
maxHeight={50} loaderPosition="center"
showLabel="tampilkan" color="green"
> radius={"xl"}
{e.catatan} leftIcon={<IconPhotoCheck />}
</Spoiler> onClick={() => {
</td> setJobId(e?.imageId);
<td> setIsLoading(true);
<Button router.push(RouterAdminJob.detail_poster + e?.imageId);
color={"red"} }}
leftIcon={<IconBan />} >
radius={"xl"} Lihat
onClick={() => { </Button>
setReject(true); ) : (
setJobId(e.id); <Center w={150}>
setCatatan(e.catatan); <Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
}} Tidak ada poster
> </Text>
<Stack spacing={0}> </Center>
<Text fz={10}>Tambah</Text> )}
<Text fz={10}>Catatan</Text> </Center>
</Stack> </td>
</Button> <td>
</td> <Spoiler
</tr> c={AdminColor.white}
)); w={400}
maxHeight={50}
hideLabel="sembunyikan"
showLabel="tampilkan"
>
<div dangerouslySetInnerHTML={{ __html: e.content }} />
</Spoiler>
</td>
<td>
<Spoiler
c={AdminColor.white}
hideLabel="sembunyikan"
w={400}
maxHeight={50}
showLabel="tampilkan"
>
<div dangerouslySetInnerHTML={{ __html: e.deskripsi }} />
</Spoiler>
</td>
<td>
<Spoiler
c={AdminColor.white}
hideLabel="sembunyikan"
w={400}
maxHeight={50}
showLabel="tampilkan"
>
{e.catatan}
</Spoiler>
</td>
<td>
<Button
color={"red"}
leftIcon={<IconBan />}
radius={"xl"}
onClick={() => {
setReject(true);
setJobId(e.id);
setCatatan(e.catatan);
}}
>
<Stack spacing={0} c={AdminColor.white}>
<Text fz={10}>Tambah</Text>
<Text fz={10}>Catatan</Text>
</Stack>
</Button>
</td>
</tr>
));
}
return ( return (
<> <>
@@ -253,7 +285,7 @@ function TableStatus({ listReject }: { listReject: any }) {
p={"md"} p={"md"}
w={"100%"} w={"100%"}
h={"100%"} h={"100%"}
> >
<thead> <thead>
<tr> <tr>
@@ -280,7 +312,7 @@ function TableStatus({ listReject }: { listReject: any }) {
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody>{rowTable}</tbody> <tbody>{renderTableBody()}</tbody>
</Table> </Table>
</ScrollArea> </ScrollArea>
<Center mt={"xl"}> <Center mt={"xl"}>

8
src/app_modules/admin/job/child/review/index.tsx
View File

@@ -4,16 +4,12 @@ import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_glob
import { Stack } from "@mantine/core"; import { Stack } from "@mantine/core";
import { AdminJob_ViewTavleReview } from "../../_view"; import { AdminJob_ViewTavleReview } from "../../_view";
export default function AdminJob_TableReview({ export default function AdminJob_TableReview() {
dataReview,
}: {
dataReview: any;
}) {
return ( return (
<> <>
<Stack> <Stack>
<ComponentAdminGlobal_HeaderTamplate name="Job Vacancy" /> <ComponentAdminGlobal_HeaderTamplate name="Job Vacancy" />
<AdminJob_ViewTavleReview listReview={dataReview} /> <AdminJob_ViewTavleReview />
</Stack> </Stack>
</> </>
); );

38
src/app_modules/admin/job/lib/api_fetch_admin_job.ts
View File

@@ -1,9 +1,10 @@
export { export {
apiGetJobStatusCountDashboard, apiGetAdminJobStatusCountDashboard as apiGetJobStatusCountDashboard ,
apiGetJobArsipCount apiGetAdminJobArsipCount as apiGetJobArsipCount,
apiGetAdminJobByStatus
} }
const apiGetJobStatusCountDashboard = async ({ name }: { const apiGetAdminJobStatusCountDashboard = async ({ name }: {
name: "Publish" | "Review" | "Reject"; name: "Publish" | "Review" | "Reject";
}) => { }) => {
const { token } = await fetch("/api/get-cookie").then((res) => res.json()); const { token } = await fetch("/api/get-cookie").then((res) => res.json());
@@ -21,7 +22,7 @@ const apiGetJobStatusCountDashboard = async ({ name }: {
return await response.json().catch(() => null) return await response.json().catch(() => null)
} }
const apiGetJobArsipCount = async () => { const apiGetAdminJobArsipCount = async () => {
const { token } = await fetch("/api/get-cookie").then((res) => res.json()); const { token } = await fetch("/api/get-cookie").then((res) => res.json());
if (!token) return await token.json().catch(() => null); if (!token) return await token.json().catch(() => null);
@@ -36,4 +37,31 @@ const apiGetJobArsipCount = async () => {
}); });
return await response.json().catch(() => null) return await response.json().catch(() => null)
}; };
const apiGetAdminJobByStatus = async ({
status,
page,
search
}: {
status: "Publish" | "Review" | "Reject";
page: string;
search: string;
}) => {
const { token } = await fetch("/api/get-cookie").then((res) => res.json());
if (!token) return await token.json().catch(() => null);
const isPage = page ? `?page=${page}` : "";
const isSearch = search ? `&search=${search}` : "";
const response = await fetch(
`/api/admin/job/${status}${isPage}${isSearch}`,
{
headers: {
"Content-Type": "application/json",
Accept: "application/json",
"Access-Control-Allow-Origin": "*",
Authorization: `Bearer ${token}`
}
}
)
return await response.json().catch(() => null)
}

4
src/app_modules/home/view_home_new.tsx
View File

@@ -85,7 +85,7 @@ export default function HomeViewNew() {
<ActionIcon radius={"xl"} variant={"transparent"}> <ActionIcon radius={"xl"} variant={"transparent"}>
<IconUserSearch color={MainColor.white} /> <IconUserSearch color={MainColor.white} />
</ActionIcon> </ActionIcon>
) : dataUser.profile === undefined ? ( ) : dataUser?.profile === undefined ? (
<ActionIcon <ActionIcon
radius={"xl"} radius={"xl"}
variant={"transparent"} variant={"transparent"}
@@ -112,7 +112,7 @@ export default function HomeViewNew() {
<ActionIcon radius={"xl"} variant={"transparent"}> <ActionIcon radius={"xl"} variant={"transparent"}>
<IconBell color={MainColor.white} /> <IconBell color={MainColor.white} />
</ActionIcon> </ActionIcon>
) : dataUser.profile === undefined ? ( ) : dataUser?.profile === undefined ? (
<ActionIcon <ActionIcon
radius={"xl"} radius={"xl"}
variant={"transparent"} variant={"transparent"}

3
src/middleware.ts
View File

@@ -39,10 +39,11 @@ const middlewareConfig: MiddlewareConfig = {
// ADMIN API // ADMIN API
// "/api/admin/event/*", // "/api/admin/event/*",
// "/api/admin/investasi/*", // "/api/admin/investasi/*",
"/api/admin/donasi/*", // "/api/admin/donasi/*",
// "/api/admin/voting/dashboard/*", // "/api/admin/voting/dashboard/*",
// "/api/admin/job/dashboard/*", // "/api/admin/job/dashboard/*",
// "/api/admin/forum/dashboard/*", // "/api/admin/forum/dashboard/*",
// "/api/admin/job/*",
// Akses awal // Akses awal
"/api/get-cookie", "/api/get-cookie",