added back the task viewer on the bin page, fixed up some more styling

src/pages/Bin.tsx

@@ -43,7 +43,6 @@ import BindaptIcon from "products/Bindapt/BindaptIcon";
 import Close from "@mui/icons-material/Close";
 import Chat from "chat/Chat";
 import TasksIcon from "products/Construction/TasksIcon";
-// import TaskViewer from "tasks/TaskViewer";
 import FieldsIcon from "products/AgIcons/FieldsIcon";
 import BinComponentTypes from "bin/BinComponentTypes";
 import { Plenum } from "models/Plenum";
@@ -66,6 +65,7 @@ import BinConditioningCard from "bin/BinConditioningCard";
 import { makeStyles, styled } from "@mui/styles";
 import { useNavigate, useParams } from "react-router-dom";
 import { Controller } from "models/Controller";
+import TaskViewer from "tasks/TaskViewer";
 
 interface TabPanelProps {
   children?: React.ReactNode;
@@ -547,10 +547,11 @@ export default function Bin(props: Props) {
   };
 
   const tasks = () => {
+    console.log(showTasks())
     if (showTasks()) {
       return (
         <React.Fragment>
-          {/* <TaskViewer drawerView objectKey={binID} loadKeys={[binID]} /> */}
+          <TaskViewer drawerView objectKey={binID} loadKeys={[binID]} />
         </React.Fragment>
       );
     }
@@ -1144,11 +1145,11 @@ export default function Bin(props: Props) {
               anchor="right"
               classes={{ paper: classes.drawerPaper }}
               onClose={() => setTaskDrawer(false)}>
-              <Box paddingTop={10}>
+              <Box>
                 <IconButton style={{ width: 50 }} onClick={() => setTaskDrawer(false)}>
                   <Close />
                 </IconButton>
-                {/* <TaskViewer drawerView objectKey={binID} loadKeys={[binID]} /> */}
+                <TaskViewer drawerView objectKey={binID} loadKeys={[binID]} />
               </Box>
             </Drawer>
           )}