made side menu mui icons black in light mode

src/bin/BinYards.tsx

@@ -50,6 +50,7 @@ import ObjectTeams from "teams/ObjectTeams";
 import { GrainBag } from "models/GrainBag";
 import { makeStyles } from "@mui/styles";
 import DraggableTabs from "common/DraggableTabs";
+import CancelSubmit from "common/CancelSubmit";
 
 const parentTab = {
   "&": {
@@ -210,6 +211,7 @@ export default function BinYard(props: Props) {
   const [yardPermissions, setYardPermissions] = useState<Dictionary<pond.Permission[]>>({});
   const [searchSelected, setSearchSelected] = useState(false);
   const [{ user, as }] = useGlobalState();
+  const [addingYard, setAddingYard] = useState(false)
 
   useEffect(() => {
     if (props.yards && props.yardPerms) {
@@ -232,6 +234,8 @@ export default function BinYard(props: Props) {
   };
 
   const submitYard = () => {
+    if (addingYard) return
+    setAddingYard(true)
     let newBinYard = pond.BinYardSettings.create();
     newBinYard.name = addYardName;
     newBinYard.description = addYardDescription;
@@ -248,6 +252,8 @@ export default function BinYard(props: Props) {
       })
       .catch(_err => {
         error("Could not add bin yard");
+      }).finally(() => {
+        setAddingYard(false)
       });
   };
 
@@ -306,16 +312,10 @@ export default function BinYard(props: Props) {
         <DialogTitle>Create New Bin Yard</DialogTitle>
         {yardForm()}
         <DialogActions>
-          <Button
-            onClick={() => {
-              setShowAddYard(false);
-            }}
-            color="primary">
-            Cancel
-          </Button>
-          <Button onClick={submitYard} color="primary">
-            Submit
-          </Button>
+          <CancelSubmit
+            onCancel={() => setShowAddYard(false)}
+            onSubmit={submitYard}
+          />
         </DialogActions>
       </ResponsiveDialog>
     );