feat: add color, header and navbar condition

apps/frontend/src/components/AppHeader.tsx

@@ -66,14 +66,15 @@ export default function AppHeader({ toggle }: Props) {
 				</div>
 
 				{/* Conditional Navlinks */}
+				{!isSuperAdmin && (
 				<div className="flex space-x-4 justify-center w-full">
 					{showAssessmentResultLinks && (
 						<>
 							<Link
 								to="/assessmentRequest"
 								className={cx("text-sm font-medium", {
-									"text-blue-600": isSuperAdmin ? managementResultsLinks : assessmentRequestsLinks, // warna aktif
+									"text-blue-600": assessmentRequestsLinks, // warna aktif
-									"text-gray-700": isSuperAdmin ? !managementResultsLinks : !assessmentRequestsLinks, // warna default
+									"text-gray-700": !assessmentRequestsLinks, // warna default
 								})}
 								onClick={() => {
 									if (window.opener) {
@@ -81,7 +82,7 @@ export default function AppHeader({ toggle }: Props) {
 									}
 								}}
 							>
-								{isSuperAdmin ? "Manajemen Hasil" : "Permohonan Assessment"}
+								Permohonan Assessment
 							</Link>
 							<Link
 								to="/assessmentResult"
@@ -123,6 +124,7 @@ export default function AppHeader({ toggle }: Props) {
 						</>
 					)}
 				</div>
+				)}
 
 				<DropdownMenu
 					modal={false}

apps/frontend/src/components/AppNavbar.tsx

@@ -21,7 +21,7 @@ export default function AppNavbar() {
 	// const userRole = JSON.parse(localStorage.getItem('userRole') || '{}');
 
 	const { pathname } = useLocation();
-	const pathsThatCloseSidebar = ["/assessmentResult", "/assessment"];
+	const pathsThatCloseSidebar = ["/assessmentRequest", "/assessmentResult", "/assessment"];
 
 	const [isSidebarOpen, setSidebarOpen] = useState(true);
 	const toggleSidebar = () => {

apps/frontend/src/index.css

@@ -70,4 +70,9 @@
 
 :root {
   --primary-color: #2555FF;
+  --levelOne-color: #FF2F32;
+  --levelTwo-color: #FE6939;
+  --levelThree-color: #EED42D;
+  --levelFour-color: #17C891;
+  --levelFive-color: #0C7C59;
 }

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

@@ -72,7 +72,7 @@ export default function UsersPage() {
 			return;
 		}
 		const resultUrl = `/assessmentResult?id=${assessmentId}`;
-		window.location.href = resultUrl;
+		window.open(resultUrl, "_blank");
 	  };