From 6f04e4e97e9270717efbdd53e8b71214c0a9333f Mon Sep 17 00:00:00 2001
From: Wahyu Kurniawan <ayungavis@gmail.com>
Date: Wed, 28 Feb 2024 16:44:47 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style:=20add=20transition=20when?=
 =?UTF-8?q?=20hover?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projects/ProjectCard/ProjectCard.theme.ts         | 11 +++++++++--
 .../src/pages/org-slug/projects/create/index.tsx      |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts
index a11b2c5b..db662ebc 100644
--- a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts
+++ b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts
@@ -21,13 +21,15 @@ export const projectCardTheme = tv({
     description: ['text-xs', 'text-elements-low-em'],
     icons: ['flex', 'items-center', 'gap-1'],
     lowerContent: [
-      'group-hover:bg-surface-card-hovered',
+      'transition-colors',
+      'duration-150',
       'px-4',
       'py-4',
       'flex',
       'flex-col',
       'gap-2',
       'rounded-b-2xl',
+      'group-hover:bg-surface-card-hovered',
     ],
     latestDeployment: ['flex', 'items-center', 'gap-2'],
     deploymentStatusContainer: [
@@ -47,7 +49,12 @@ export const projectCardTheme = tv({
       'items-center',
       'gap-2',
     ],
-    wavyBorder: ['bg-surface-card', 'group-hover:bg-surface-card-hovered'],
+    wavyBorder: [
+      'bg-surface-card',
+      'transition-colors',
+      'duration-150',
+      'group-hover:bg-surface-card-hovered',
+    ],
   },
   variants: {
     status: {
diff --git a/packages/frontend/src/pages/org-slug/projects/create/index.tsx b/packages/frontend/src/pages/org-slug/projects/create/index.tsx
index 48c576a3..1c86ee3b 100644
--- a/packages/frontend/src/pages/org-slug/projects/create/index.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import templates from 'assets/templates';
-import { RepositoryList } from 'components/projects/create/RepositoryList';
+import RepositoryList from 'components/projects/create/RepositoryList';
 import ConnectAccount from 'components/projects/create/ConnectAccount';
 import { useOctokit } from 'context/OctokitContext';
 import { Heading } from 'components/shared/Heading';