changed the orbital camera to allow for an offset without messing with the rotation, added a moisture heatmap, updated the bin3dvisualizer to look cleaner, re-implemented a new version of the dialog box that pops up when clicking a node

src/pages/BinV2.tsx

@@ -83,8 +83,6 @@ export default function BinV2(){
     const [binPresets, setBinPresets] = useState<DevicePreset[]>([]);
     const [missedReadings, setMissedReadings] = useState(0);
 
-    const [currentSection, setCurrentSection] = useState<"binSum">("binSum")
-
     //Drawer states
     const [noteDrawerOpen, setNoteDrawerOpen] = useState(false)
     const [taskDrawerOpen, setTaskDrawerOpen] = useState(false)
@@ -305,7 +303,7 @@ export default function BinV2(){
      */
     const pageHeader = () => {
         return (
-          <Box marginTop={1} marginBottom={1}>
+          <Box margin={2} marginBottom={0}>
             <Grid
               container
               direction="row"
@@ -413,45 +411,6 @@ export default function BinV2(){
         )
     }
 
-    //PAGE SECTIONS
-
-    /**
-     * Contains the main summary of your bin as it currently is
-     * has the 3D bin model, a switch to go to the table view
-     * the bin conditions if it is in a mode other than storage (the do nothing mode)
-     * a box underneath to display sensor data, for the plenums and such
-     * as well as the controls for attached controllers
-     */
-    const binSummarySection = () => {
-        return (
-            <BinSummary bin={bin}/>
-        )
-    }
-    
-    /**
-     * this sections is for showing attached bin components and assigning them to bin positions (see old pages bin components)
-     * as well as seeing the graph data for attached sensors
-     */
-    const sensorsSection = () => {}
-
-    //Inventory
-    /**
-     * this section is for seeing information relating to the bins inventory for its fill level over time and transactions related to inventory of the bin
-     */
-    const InventorySection = () => {}
-
-    //Analysis
-    /**
-     * this section is for the analytical charts (drying/hydrating, Moisture trending, Grain Water Content)
-     */
-    const analysisSection = () => {}
-
-    //Interactions
-    /**
-     * this is the section for alerts and controls on the bin, if presets get re-implemented they can go here too
-     */
-    const interactionsSection = () => {}
-
 
     //DRAWERS
     const noteDrawer = () => {
@@ -473,7 +432,7 @@ export default function BinV2(){
     return (
         <PageContainer>
             {pageHeader()}
-            {currentSection === "binSum" && binSummarySection()}
+            <BinSummary bin={bin} devices={devices} fans={fans} heaters={heaters} permissions={permissions} componentDevices={componentDevices} componentMap={components}/>
             {/* render drawers */}
             {noteDrawer()}
             {taskDrawer()}