From 7971b0a2180642f175b5adfbba0b54e678cab4ff Mon Sep 17 00:00:00 2001
From: csawatzky <chris@adaptiveagriculture.ca>
Date: Wed, 20 Aug 2025 10:22:28 -0600
Subject: [PATCH] fixed the bin cards so that mobil now has 2 per row again

---
 src/bin/BinCardV2.tsx |  3 --
 src/bin/BinsList.tsx  | 18 +-----------
 src/pages/Bins.tsx    | 66 -------------------------------------------
 3 files changed, 1 insertion(+), 86 deletions(-)

diff --git a/src/bin/BinCardV2.tsx b/src/bin/BinCardV2.tsx
index 35fcd12..e559c11 100644
--- a/src/bin/BinCardV2.tsx
+++ b/src/bin/BinCardV2.tsx
@@ -506,9 +506,6 @@ export default function BinCard(props: Props) {
           +
         </IconButton>
       )}
-      {/* <Box position="absolute" top={4} right={4}>
-        <BinModeDot mode={bin.settings.mode} />
-      </Box> */}
       <Box padding={1}>
         <Typography
           align="left"
diff --git a/src/bin/BinsList.tsx b/src/bin/BinsList.tsx
index a9e517a..3ae7428 100644
--- a/src/bin/BinsList.tsx
+++ b/src/bin/BinsList.tsx
@@ -30,7 +30,6 @@ const useStyles = makeStyles((_theme) => {
       position: "relative",
       minHeight: "233px",
       height: "auto !important",
-      width: "184px",
       padding: 2
     },
     hidden: {
@@ -113,7 +112,7 @@ export default function BinsList(props: Props) {
     return (
       <Grid container direction="row">
         {bins.map((b, i) =>
-          isMobile ? (
+          (
             <Grid
               size={{
                 xs: 6,
@@ -133,21 +132,6 @@ export default function BinsList(props: Props) {
                 valDisplay={valDisplay}
               />
             </Grid>
-          ) : (
-            <Box
-              key={i}
-              style={{ width: "184px" }}
-              className={classes.gridListTile}
-              onClick={() => {
-                !duplicate && goToBin(i)
-              }}>
-              <BinCardV2
-                bin={b}
-                duplicateBin={duplicateBin}
-                dupHovered={setDuplicate}
-                valDisplay={valDisplay}
-              />
-            </Box>
           )
         )}
       </Grid>
diff --git a/src/pages/Bins.tsx b/src/pages/Bins.tsx
index 477aa05..9145a6a 100644
--- a/src/pages/Bins.tsx
+++ b/src/pages/Bins.tsx
@@ -1214,37 +1214,6 @@ export default function Bins(props: Props) {
                   }
                 ]}
               />
-              {/* <StyledToggleButtonGroup
-                id="cardValueDisplay"
-                value={cardValDisplay}
-                exclusive
-                size="small"
-                aria-label="card detail">
-                <StyledToggle
-                  value={"low"}
-                  aria-label="low"
-                  onClick={() => {
-                    setCardValDisplay("low");
-                  }}>
-                  Low
-                </StyledToggle>
-                <StyledToggle
-                  value={"average"}
-                  aria-label="average"
-                  onClick={() => {
-                    setCardValDisplay("average");
-                  }}>
-                  Average
-                </StyledToggle>
-                <StyledToggle
-                  value={"high"}
-                  aria-label="high"
-                  onClick={() => {
-                    setCardValDisplay("high");
-                  }}>
-                  High
-                </StyledToggle>
-              </StyledToggleButtonGroup> */}
             </Box>
           </Grid>
           <Grid >
@@ -1270,41 +1239,6 @@ export default function Bins(props: Props) {
                   }
                 ]}
               />
-              {/* <StyledToggleButtonGroup
-                id="tour-graph-tabs"
-                value={binView}
-                exclusive
-                size="small"
-                aria-label="detail">
-                <StyledToggle
-                  value={"grid"}
-                  aria-label="grid view"
-                  onClick={() => {
-                    setBinView("grid");
-                    sessionStorage.setItem("binsView", "grid");
-                  }}>
-                  <ViewComfy />
-                </StyledToggle> */}
-                {/* hidden at dustins request so that grid view and list are the only two */}
-                {/* <StyledToggle
-                  value={"scroll"}
-                  aria-label="scroll view"
-                  onClick={() => {
-                    setBinView("scroll");
-                    sessionStorage.setItem("binsView", "scroll");
-                  }}>
-                  <ViewColumn />
-                </StyledToggle> */}
-                {/* <StyledToggle
-                  value={"list"}
-                  aria-label="list view"
-                  onClick={() => {
-                    setBinView("list");
-                    sessionStorage.setItem("binsView", "list");
-                  }}>
-                  <ViewList />
-                </StyledToggle>
-              </StyledToggleButtonGroup> */}
               <MoreVert
                 className={classes.icon}
                 onClick={event => {