Add clarifying comments

ECN · Nov 27, 2020 · 1e06378 · 1e06378
1 parent ce280ca
commit 1e06378
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/QueueSelector/QueueSelector.js b/src/components/QueueSelector/QueueSelector.js
@@ -14,6 +14,7 @@ export default function QueueSelector({ queueSelectorOpen, setQueueSelectorOpen,
     const access_token = useToken();
     const loading = open && queueCounts.length === 0;
 
+    // Get queue counts if QueueSelector is open
     useEffect( _ => {
         const getQueueCounts = async  _ => {
 			if (access_token === null){
@@ -35,6 +36,7 @@ export default function QueueSelector({ queueSelectorOpen, setQueueSelectorOpen,
 
     }, [loading, access_token]);
 
+    // Delete queue counts if QueueSelector is closed
     useEffect(() => {
         if (!open) {
             setQueueCounts([]);
@@ -47,6 +49,8 @@ export default function QueueSelector({ queueSelectorOpen, setQueueSelectorOpen,
         setSelectedQueues(newValue)
     };
 
+    // Function to render checkboxes in dropdown
+    // See `renderOptions` prop at https://material-ui.com/api/autocomplete/#props
     const optionRenderer = (option, { selected }) => (
         <>
             <Checkbox
@@ -60,6 +64,7 @@ export default function QueueSelector({ queueSelectorOpen, setQueueSelectorOpen,
     );
 
     return(
+        // Box is used for margin because Autocomplete CSS overrides don't work as expected.
         <Box margin={`${theme.spacing(1)}px`}>
             <Autocomplete
                 renderInput={(params) => (