just some styling

src/bin/BinYards.tsx

@@ -14,7 +14,6 @@ import {
   Menu,
   MenuItem,
   Tab,
-  Tabs,
   TextField,
   Theme,
   Tooltip,
@@ -25,11 +24,9 @@ import { pond } from "protobuf-ts/pond";
 import {
   useBinYardAPI,
   useSnackbar,
-  //useUserAPI,
   usePermissionAPI,
   useBinAPI,
   useGlobalState
-  //useTeamAPI
 } from "providers";
 import React, { useEffect, useState } from "react";
 import AddIcon from "@mui/icons-material/LibraryAdd";
@@ -44,7 +41,6 @@ import EditIcon from "@mui/icons-material/Edit";
 import ShareIcon from "@mui/icons-material/Share";
 import { red, blue, green } from "@mui/material/colors";
 import { openSnackbar } from "providers/Snackbar";
-// import { Status } from "@sentry/react";
 import { binScope, binYardScope } from "models/Scope";
 import ShareObject from "user/ShareObject";
 import { Bin, Team, User } from "models";
@@ -116,11 +112,6 @@ const useStyles = makeStyles((theme: Theme) => {
     },
     tab: {
       ...parentTab,
-      // width: theme.spacing(20),
-      // minWidth: theme.spacing(20),
-      // left: 0,
-      // height: "100%",
-      // background: theme.palette.background.paper
     },
     smallTab: {
       ...parentTab,
@@ -174,7 +165,6 @@ const useStyles = makeStyles((theme: Theme) => {
 
 interface Props {
   setYardFilter: React.Dispatch<React.SetStateAction<string>>;
-
   loadBins: () => void;
   loadYards: (search?: string, limit?: number, offset?: number) => void;
   yardsLoading: boolean;
@@ -191,8 +181,6 @@ export default function BinYard(props: Props) {
   const { setYardFilter, loadBins, loadYards, /*gainBags,*/ setShowing, yardsLoading } = props;
   const binYardAPI = useBinYardAPI();
   const binAPI = useBinAPI();
-  // const userAPI = useUserAPI();
-  // const teamAPI = useTeamAPI();
   const [tab, setTab] = useState<number>(props.tab ? props.tab : 1);
   const [showAddYard, setShowAddYard] = useState<boolean>(false);
   const [addYardName, setAddYardName] = useState<string>("");