From 608af57a0dcbf8f62077f2656dfd1362d6d1513f Mon Sep 17 00:00:00 2001
From: Wahyu Kurniawan <ayungavis@gmail.com>
Date: Wed, 28 Feb 2024 16:40:59 +0700
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20move=20wavy=20?=
 =?UTF-8?q?border=20class=20to=20project=20card=20theme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/projects/ProjectCard/ProjectCard.theme.ts | 1 +
 .../src/components/projects/ProjectCard/ProjectCard.tsx      | 5 +----
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts
index 9ac46497..a11b2c5b 100644
--- a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts
+++ b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts
@@ -47,6 +47,7 @@ export const projectCardTheme = tv({
       'items-center',
       'gap-2',
     ],
+    wavyBorder: ['bg-surface-card', 'group-hover:bg-surface-card-hovered'],
   },
   variants: {
     status: {
diff --git a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx
index 5acbf2bc..64d716d5 100644
--- a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx
+++ b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx
@@ -100,10 +100,7 @@ export const ProjectCard = ({
         </div>
       </div>
       {/* Wave */}
-      <WavyBorder
-        variant="stroke-and-fill"
-        className="bg-surface-card group-hover:bg-surface-card-hovered"
-      />
+      <WavyBorder variant="stroke-and-fill" className={theme.wavyBorder()} />
       {/* Lower content */}
       <div className={theme.lowerContent()}>
         {/* Latest deployment */}