From 858416530bff94fa3ca7ac74e717ea23be06560e Mon Sep 17 00:00:00 2001
From: Jeet Desai <52026385+jeet1desai@users.noreply.github.com>
Date: Thu, 14 Mar 2024 19:00:24 +0530
Subject: [PATCH] Fix: Added grab cursor on hover over favorite icon (#4415)

* #4405 Fix: Added grab cursor on hover over favorite icon

* resolved comment

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
---
 .../favorites/components/Favorites.tsx        | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/packages/twenty-front/src/modules/favorites/components/Favorites.tsx b/packages/twenty-front/src/modules/favorites/components/Favorites.tsx
index bda4a5db6..cd6ee5d8b 100644
--- a/packages/twenty-front/src/modules/favorites/components/Favorites.tsx
+++ b/packages/twenty-front/src/modules/favorites/components/Favorites.tsx
@@ -13,6 +13,22 @@ const StyledContainer = styled(NavigationDrawerSection)`
   width: 100%;
 `;
 
+const StyledAvatar = styled(Avatar)`
+  :hover {
+    cursor: grab;
+  }
+`;
+
+const StyledNavigationDrawerItem = styled(NavigationDrawerItem)`
+  :active {
+    cursor: grabbing;
+
+    .fav-avatar:hover {
+      cursor: grabbing;
+    }
+  }
+`;
+
 export const Favorites = () => {
   const { favorites, handleReorderFavorite } = useFavorites();
 
@@ -41,15 +57,16 @@ export const Favorites = () => {
                   draggableId={id}
                   index={index}
                   itemComponent={
-                    <NavigationDrawerItem
+                    <StyledNavigationDrawerItem
                       key={id}
                       label={labelIdentifier}
                       Icon={() => (
-                        <Avatar
+                        <StyledAvatar
                           entityId={recordId}
                           avatarUrl={avatarUrl}
                           type={avatarType}
                           placeholder={labelIdentifier}
+                          className="fav-avatar"
                         />
                       )}
                       to={link}