disabled

client/src/components/DetailsSummary.tsx

@@ -9,25 +9,32 @@ export default function DetailsSummary(props: Readonly<{
     children?: ReactNode,
     defaultOpen?: boolean,
     open?: boolean,
+    disabled?: boolean,
     onClick?: () => void
 }>): ReactElement {
 
     const [openState, setOpen] = React.useState(props.defaultOpen??false);
 
     const open = useMemo(() => {
+        if(props.disabled) return false;
         if(props.open !== undefined) return props.open;
         return openState;
-    }, [props.open, openState]);
+    }, [props.open, openState, props.disabled]);
 
     return <div className="details-summary-container">
         <div className="details-summary-summary-container"
             onClick={() => {
+                if(props.disabled) return;
                 setOpen(!open);
                 if(props.onClick) props.onClick();
             }}
         >
-            {props.dropdownArrow === undefined || props.dropdownArrow === true ? 
-                <Icon>{open ? "expand_more" : "expand_less"}</Icon> : 
+            {(props.dropdownArrow === undefined || props.dropdownArrow === true) ? 
+                ((props.disabled === undefined || props.disabled===false) ? 
+                    <Icon>{open ? "expand_more" : "expand_less"}</Icon>
+                 : 
+                    <Icon>close</Icon>
+                ) : 
                 null
             }
             {props.summary}