apps/frontend/src/routes/_dashboardLayout/assessmentRequest/index.lazy.tsx

@@ -16,6 +16,17 @@ type DataType = ExtractQueryDataType<typeof assessmentRequestQueryOptions>;
 const columnHelper = createColumnHelper<DataType>();
 
 export default function UsersPage() {
+	
+	const handleStartAssessment = (assessmentId: string) => {
+		const userConfirmed = window.confirm("Apakah anda yakin untuk memulai asesmen?");
+		
+		if (userConfirmed) {
+			// Redirect ke URL baru di tab baru
+			const assessmentUrl = `/assessment?id=${assessmentId}`;
+			window.open(assessmentUrl, "_blank");
+		}
+	};
+	
 	return (
 		<PageTemplate
 			title="Permohonan Asesmen"
@@ -61,20 +72,39 @@ export default function UsersPage() {
 				}),
 
 				columnHelper.display({
-					header: "Actions",
+					header: "Aksi",
 					cell: (props) => {
 						const status = props.row.original.status;
+						const assessmentId = props.row.original.id;
+
 
 						return (
 							<Flex gap="xs">
 								{status === "selesai" ? (
-									<Button onClick={() => alert('Lihat Hasil')}>Lihat Hasil</Button>
+									<>
+										<Button disabled>Mulai Asesmen</Button>
+										<Button onClick={() => alert('Lihat Hasil')}>Lihat Hasil</Button>
+									</>
 								) : status === "diterima" ? (
-									<Button onClick={() => alert('Mulai Asesmen')}>Mulai Asesmen</Button>
+									<>
+										<Button 
+											onClick={() => {
+												if (assessmentId) {
+													handleStartAssessment(assessmentId); 
+												} else {
+													alert("Assessment ID tidak valid.");
+												}
+											}}
+										>
+											Mulai Asesmen
+										</Button>
+										<Button disabled>Lihat Hasil</Button>
+									</>
 								) : status === "menunggu konfirmasi" || status === "ditolak" ? (
-									<Button disabled>
+									<>
-										Mulai Asesmen
+										<Button disabled>Mulai Asesmen</Button>
-									</Button>
+										<Button disabled>Lihat Hasil</Button>
+									</>
 								) : null}
 							</Flex>
 						);