From cda53a06eb7e7f06921c8040f9c72ab384cfa22b Mon Sep 17 00:00:00 2001
From: percyfikri <mafikri27@gmail.com>
Date: Tue, 5 Nov 2024 09:11:28 +0700
Subject: [PATCH] Update : Update: changes to status item styling, "Ajukan"
 button in AssReq

---
 apps/frontend/src/components/PageTemplate.tsx     |  2 +-
 apps/frontend/src/shadcn/components/ui/badge.tsx  | 12 ++++++------
 apps/frontend/src/shadcn/components/ui/button.tsx |  2 ++
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/apps/frontend/src/components/PageTemplate.tsx b/apps/frontend/src/components/PageTemplate.tsx
index c92f0a9..406aca1 100644
--- a/apps/frontend/src/components/PageTemplate.tsx
+++ b/apps/frontend/src/components/PageTemplate.tsx
@@ -90,7 +90,7 @@ const createCreateButton = (
 		return (
 			<Button
 				className="gap-2"
-				variant={"outline"}
+				variant={isAssessmentRequestPage ? "request" : "outline"}
 				onClick={addQuery}
 			>
 				{isAssessmentRequestPage ? "Ajukan Permohonan" : "Tambah Data"}
diff --git a/apps/frontend/src/shadcn/components/ui/badge.tsx b/apps/frontend/src/shadcn/components/ui/badge.tsx
index aac0d8f..d9446b0 100644
--- a/apps/frontend/src/shadcn/components/ui/badge.tsx
+++ b/apps/frontend/src/shadcn/components/ui/badge.tsx
@@ -17,12 +17,12 @@ const badgeVariants = cva(
         outline: "text-foreground",
 
          // Custom variants for status
-        inprogress: "border-yellow-500 border-2 bg-yellow-300 px-6 py-1.5 text-[12px]",
-        waiting: "border-yellow-400 border-2 bg-yellow-200 px-3 py-1.5 text-[12px]",
-        accepted: "border-green-500 border-2 bg-green-200 px-12 py-1.5 text-[12px]",
-        rejected: "border-red-500 border-2 bg-red-200 px-14 py-1.5 text-[12px]",
-        unverified: "border-orange-400 border-2 bg-orange-200 px-6 py-1.5 text-[12px]",
-        completed: "border-blue-500 border-2 bg-blue-200 px-14 py-1.5 text-[12px]",      
+        inprogress: "border-yellow-500 border-[1.5px] bg-yellow-300 px-3 py-1.5 text-[12px]",
+        waiting: "border-yellow-400 border-[1.5px] bg-yellow-200 px-3 py-1.5 text-[12px]",
+        accepted: "border-green-500 border-[1.5px] bg-green-200 px-3 py-1.5 text-[12px]",
+        rejected: "border-red-500 border-[1.5px] bg-red-200 px-3 py-1.5 text-[12px]",
+        unverified: "border-orange-400 border-[1.5px] bg-orange-200 px-3 py-1.5 text-[12px]",
+        completed: "border-blue-500 border-[1.5px] bg-blue-200 px-3 py-1.5 text-[12px]",      
       },
     },
     defaultVariants: {
diff --git a/apps/frontend/src/shadcn/components/ui/button.tsx b/apps/frontend/src/shadcn/components/ui/button.tsx
index 03332c6..e3ff1b7 100644
--- a/apps/frontend/src/shadcn/components/ui/button.tsx
+++ b/apps/frontend/src/shadcn/components/ui/button.tsx
@@ -19,6 +19,8 @@ const buttonVariants = cva(
           "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",
+        request:
+          "border-[2px] border-black bg-background hover:bg-accent hover:text-accent-foreground",
       },
       size: {
         default: "h-10 px-4 py-2",