From c7e9a7e9af52989a867d72004fe15146b7829ad4 Mon Sep 17 00:00:00 2001
From: percyfikri <mafikri27@gmail.com>
Date: Thu, 31 Oct 2024 10:02:12 +0700
Subject: [PATCH] Update : add status using variants, center items from the
 status

---
 .../index.lazy.tsx                            | 37 +++++++++++--------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/apps/frontend/src/routes/_dashboardLayout/assessmentRequestManagements/index.lazy.tsx b/apps/frontend/src/routes/_dashboardLayout/assessmentRequestManagements/index.lazy.tsx
index d03232f..50a7a89 100644
--- a/apps/frontend/src/routes/_dashboardLayout/assessmentRequestManagements/index.lazy.tsx
+++ b/apps/frontend/src/routes/_dashboardLayout/assessmentRequestManagements/index.lazy.tsx
@@ -87,21 +87,28 @@ export default function AssessmentRequestManagementsPage() {
 
 				columnHelper.display({
 					header: "Status",
-					cell: (props) => {
-						const status = props.row.original.status;
-						switch (status) {
-							case "menunggu konfirmasi":
-								return <Badge variant={"waiting"}>Menunggu Konfirmasi</Badge>;
-							case "diterima":
-								return <Badge variant={"accepted"}>Diterima</Badge>;
-							case "ditolak":
-								return <Badge variant={"rejected"}>Ditolak</Badge>;
-							case "selesai":
-								return <Badge variant={"completed"}>Selesai</Badge>;
-							default:
-								return <Badge variant={"outline"}>Tidak diketahui</Badge>;
-						}
-					},
+					cell: (props) => (
+						<div className="flex items-center justify-center">
+							{(() => {
+								const status = props.row.original.status;
+								switch (status) {
+									case "menunggu konfirmasi":
+										return <Badge variant={"waiting"}>Menunggu Konfirmasi</Badge>;
+									case "diterima":
+										return <Badge variant={"accepted"}>Diterima</Badge>;
+									case "dalam pengerjaan":
+										return <Badge variant={"inprogress"}>Dalam Pengerjaan</Badge>;
+									case "selesai":
+									case "ditolak":
+										return <Badge variant={"rejected"}>Ditolak</Badge>;
+									case "selesai":
+										return <Badge variant={"completed"}>Selesai</Badge>;
+									default:
+										return <Badge variant={"outline"}>Tidak diketahui</Badge>;
+								}
+							})()}
+						</div>
+					),
 				}),
 
 				columnHelper.display({