fix(hover): correct pointer

unigraph-dev · Feb 14, 2022 · f53e13f · f53e13f
1 parent 3dfc726
commit f53e13f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/packages/unigraph-dev-explorer/src/components/AppDrawer.tsx b/packages/unigraph-dev-explorer/src/components/AppDrawer.tsx
@@ -43,7 +43,7 @@ const StyledDrawer = styled(Drawer)(({ theme }) => ({
         border: 'none',
     },
 }));
-
+const appDrawerHoverSx = { cursor: 'pointer', ...hoverSx };
 export default function DrawerRouter() {
     const devState = window.unigraph.getState('settings/developerMode');
     const [devMode, setDevMode] = React.useState(devState.value);
@@ -64,21 +64,21 @@ export default function DrawerRouter() {
                     Home{' '}
                 </ListSubheader>
 
-                <ListItem sx={hoverSx} onClick={() => window.wsnavigator('/home')}>
+                <ListItem sx={appDrawerHoverSx} onClick={() => window.wsnavigator('/home')}>
                     <ListItemIcon>
                         <Icon path={mdiHomeOutline} size={1} />
                     </ListItemIcon>
                     <ListItemText primary="Home" />
                 </ListItem>
 
-                <ListItem sx={hoverSx} onClick={() => window.wsnavigator('/library')}>
+                <ListItem sx={appDrawerHoverSx} onClick={() => window.wsnavigator('/library')}>
                     <ListItemIcon>
                         <Icon path={mdiBookOpenOutline} size={1} />
                     </ListItemIcon>
                     <ListItemText primary="Library" />
                 </ListItem>
 
-                <ListItem sx={hoverSx} onClick={() => window.wsnavigator('/trash')}>
+                <ListItem sx={appDrawerHoverSx} onClick={() => window.wsnavigator('/trash')}>
                     <ListItemIcon>
                         <Icon path={mdiDeleteOutline} size={1} />
                     </ListItemIcon>
@@ -88,19 +88,19 @@ export default function DrawerRouter() {
                     {' '}
                     Unigraph{' '}
                 </ListSubheader>
-                <ListItem sx={hoverSx} onClick={() => window.wsnavigator('/settings')}>
+                <ListItem sx={appDrawerHoverSx} onClick={() => window.wsnavigator('/settings')}>
                     <ListItemIcon>
                         <Icon path={mdiCogOutline} size={1} />
                     </ListItemIcon>
                     <ListItemText primary="Settings" />
                 </ListItem>
-                <ListItem sx={hoverSx} onClick={() => window.wsnavigator('/notification-center')}>
+                <ListItem sx={appDrawerHoverSx} onClick={() => window.wsnavigator('/notification-center')}>
                     <ListItemIcon>
                         <Icon path={mdiBellOutline} size={1} />
                     </ListItemIcon>
                     <ListItemText primary="Notifications" />
                 </ListItem>
-                <ListItem sx={hoverSx} onClick={() => window.wsnavigator('/package-manager')}>
+                <ListItem sx={appDrawerHoverSx} onClick={() => window.wsnavigator('/package-manager')}>
                     <ListItemIcon>
                         <Icon path={mdiPackageVariantClosed} size={1} />
                     </ListItemIcon>
@@ -111,25 +111,25 @@ export default function DrawerRouter() {
                         {' '}
                         Developer Tools{' '}
                     </ListSubheader>
-                    <ListItem sx={hoverSx} onClick={() => window.wsnavigator('/object-editor')}>
+                    <ListItem sx={appDrawerHoverSx} onClick={() => window.wsnavigator('/object-editor')}>
                         <ListItemIcon>
                             <Icon path={mdiPencilBoxMultipleOutline} size={1} />
                         </ListItemIcon>
                         <ListItemText primary="Object Editor" />
                     </ListItem>
-                    <ListItem sx={hoverSx} onClick={() => window.wsnavigator('/code-editor')}>
+                    <ListItem sx={appDrawerHoverSx} onClick={() => window.wsnavigator('/code-editor')}>
                         <ListItemIcon>
                             <Icon path={mdiXml} size={1} />
                         </ListItemIcon>
                         <ListItemText primary="Code Editor" />
                     </ListItem>
-                    <ListItem sx={hoverSx} onClick={() => window.wsnavigator('/request')}>
+                    <ListItem sx={appDrawerHoverSx} onClick={() => window.wsnavigator('/request')}>
                         <ListItemIcon>
                             <Comment />
                         </ListItemIcon>
                         <ListItemText primary="Request" />
                     </ListItem>
-                    <ListItem sx={hoverSx} onClick={() => window.wsnavigator('/datamodel-playground')}>
+                    <ListItem sx={appDrawerHoverSx} onClick={() => window.wsnavigator('/datamodel-playground')}>
                         <ListItemIcon>
                             <CompareArrows />
                         </ListItemIcon>

diff --git a/packages/unigraph-dev-explorer/src/utils.tsx b/packages/unigraph-dev-explorer/src/utils.tsx
@@ -559,7 +559,7 @@ export function typeHasDynamicView(type: string) {
 
 export const hoverSx = {
     // sx styles (mui v5) for when hovering over components
-    cursor: 'pointer',
+    // cursor: 'pointer',
     '&:hover': { backgroundColor: 'action.hover' },
     '&:active': { backgroundColor: 'action.selected' },
 };