cursor styling when no expansion possible

carbonplan · Jan 4, 2024 · ff10316 · ff10316
1 parent 4a4ce4b
commit ff10316
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/components/charts/project-charts.js b/components/charts/project-charts.js
@@ -51,20 +51,22 @@ const ProjectCharts = () => {
     )
   }, [data])
 
+  const issuedKeys = Object.keys(issued.mapping)
+
   return (
     <>
       <Row
         columns={[6, 8, 8, 8]}
         onClick={() => {
-          if (Object.keys(issued.mapping).length > 0) {
+          if (issuedKeys.length) {
             setExpanded(!expanded)
           }
         }}
         sx={{
           '&:hover #expander': {
             stroke: 'primary',
           },
-          cursor: 'pointer',
+          cursor: issuedKeys.length ? 'pointer' : null,
           color: 'primary',
           fontFamily: 'mono',
           letterSpacing: 'mono',
@@ -77,7 +79,7 @@ const ProjectCharts = () => {
             label='Credits issued'
             {...issued}
             expanded={expanded}
-            showExpander={Object.keys(issued.mapping).length > 0}
+            showExpander={issuedKeys.length > 0}
           />
         </Column>
         <Column start={[1, 5, 5, 5]} width={[6, 4, 4, 4]}>