From 8d3ef369bbc0681b784254bdf7d85e4e56ccf6e6 Mon Sep 17 00:00:00 2001
From: Wahyu Kurniawan <ayungavis@gmail.com>
Date: Wed, 6 Mar 2024 15:14:09 +0700
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20change=20proje?=
 =?UTF-8?q?ct=20bar=20item=20component=20to=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projects/ProjectSearchBar/ProjectSearchBarItem.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarItem.tsx b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarItem.tsx
index 5afd8a84..f97419ff 100644
--- a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarItem.tsx
+++ b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarItem.tsx
@@ -11,7 +11,7 @@ import { getInitials } from 'utils/geInitials';
  * @type {MergedComponentPropsWithoutRef}
  */
 type MergedComponentPropsWithoutRef = OmitCommon<
-  ComponentPropsWithoutRef<'div'>,
+  ComponentPropsWithoutRef<'button'>,
   Omit<
     Overwrite<UseComboboxGetItemPropsReturnValue, Project[]>,
     'index' | 'item'
@@ -24,16 +24,16 @@ interface ProjectSearchBarItemProps extends MergedComponentPropsWithoutRef {
 }
 
 const ProjectSearchBarItem = forwardRef<
-  HTMLDivElement,
+  HTMLButtonElement,
   ProjectSearchBarItemProps
 >(({ item, active, ...props }, ref) => {
   return (
-    <div
+    <button
       {...props}
       ref={ref}
       key={item.id}
       className={cn(
-        'px-2 py-2 flex items-center gap-3 rounded-lg hover:bg-base-bg-emphasized',
+        'px-2 py-2 flex items-center gap-3 rounded-lg text-left hover:bg-base-bg-emphasized',
         {
           'bg-base-bg-emphasized': active,
         },
@@ -50,7 +50,7 @@ const ProjectSearchBarItem = forwardRef<
         </p>
         <p className="text-xs text-elements-low-em">{item.organization.name}</p>
       </div>
-    </div>
+    </button>
   );
 });