Merge branch 'import_warnings' into local_server

src/device/autoDetect/DeviceScannedComponents.tsx

@@ -71,6 +71,7 @@ export default function DeviceScannedComponents(props: Props){
     let valid: quack.AddressData[] = []
     //filter the address data
     let addr = scannedI2C?.settings?.foundAddresses
+    console.log(addr)
     if(addr){
       addr.forEach(addrData => {
         if(!i2cBlacklistAddresses.includes(addrData.address)){

src/gate/GateDeltaTempGraph.tsx

@@ -20,6 +20,7 @@ interface Props {
   ambient?: Component
   start: Moment;
   end: Moment;
+  multiGraphZoom?: (domain: number[] | string[]) => void;
 }
 
 export default function GateDeltaTempGraph(props: Props){
@@ -28,7 +29,8 @@ export default function GateDeltaTempGraph(props: Props){
     ambient, 
     deviceID,
     start,
-    end
+    end,
+    multiGraphZoom
   } = props
   const [data, setData] = useState<SSAreaDataPoint[]>([])
   const [{user}] = useGlobalState()
@@ -110,7 +112,6 @@ export default function GateDeltaTempGraph(props: Props){
       end.toISOString(), 
       500
     ).then(resp => {
-      console.log(resp)
       if(resp.data.measurements){
         let tempCompMeasurements = resp.data.measurements.map(um => UnitMeasurement.any(um, user));
         //if there is an ambient component, then treat the temp component like a single sensor and not a chain, and use the ambient measurements as the inlet
@@ -217,7 +218,8 @@ export default function GateDeltaTempGraph(props: Props){
         tooltipUnit={user.tempUnit() === pond.TemperatureUnit.TEMPERATURE_UNIT_FAHRENHEIT ? " °F" : " °C"} 
         yAxisLabel={"Delta T" + (user.tempUnit() === pond.TemperatureUnit.TEMPERATURE_UNIT_FAHRENHEIT ? " °F" : " °C")} 
         colourAboveZero={{colour: warmingColour, label: "Heating"}} 
-        colourBelowZero={{colour: coolingColour, label: "Cooling"}}/>
+        colourBelowZero={{colour: coolingColour, label: "Cooling"}}
+        multiGraphZoom={multiGraphZoom}/>
     </Card>
   )
 

src/gate/GateFlowGraph.tsx

@@ -15,7 +15,7 @@ import { Gate } from "models/Gate";
 import moment, { Moment } from "moment";
 import { pond } from "protobuf-ts/pond";
 import { useGateAPI, useGlobalState } from "providers";
-import React, { useEffect, useState } from "react";
+import React, { useCallback, useEffect, useState } from "react";
 
 interface Props {
   gate: Gate;
@@ -25,7 +25,6 @@ interface Props {
   ambient?: string;
   newXDomain?: number[] | string[];
   pressureComponent?: string;
-  // setPCAState: (state: boolean) => void;
   multiGraphZoom?: (domain: number[] | string[]) => void;
 }
 
@@ -55,7 +54,6 @@ export default function GateFlowGraph(props: Props) {
     device,
     ambient,
     pressureComponent,
-    // setPCAState,
     start,
     end,
     newXDomain,
@@ -74,12 +72,13 @@ export default function GateFlowGraph(props: Props) {
   const eventThreshold = 5; //the threshold that if crossed from one measurement to the next during a flow event will end the current flow event and start a new one
   //const idleFlow = 3.5; //the mass air flow that must be crossed in order to start a flow event, anything below this will not start an event but must go below this to end an event
   const [idleFlow, setIdleFlow] = useState(3.5)
-  
-  useEffect(() => {
+
+  const loadData = useCallback(()=>{
     if (loadingChartData) return;
     if (ambient && pressureComponent) {
       let gateIdle = idleFlow
       if(gate.settings.idleFlow){
+        setIdleFlow(gate.settings.idleFlow)
         gateIdle = gate.settings.idleFlow
       }
 
@@ -131,22 +130,17 @@ export default function GateFlowGraph(props: Props) {
               }
             });
             setRuntime(moment.duration(runtime));
-            // let state = false;
-            // if (
-            //   data.length > 1 &&
-            //   data[data.length - 1].value > gate.lowerFlow() &&
-            //   data[data.length - 1].value < gate.upperFlow()
-            // ) {
-            //   state = true;
-            // }
-            // setPCAState(state);
           }
           setFlowData(data);
           setLoadingChartData(false);
           setRecent(recent);
         });
     }
-  }, [gateAPI, gate, ambient, pressureComponent, start, end, device, as]); // eslint-disable-line react-hooks/exhaustive-deps
+  },[gateAPI, gate, ambient, pressureComponent, start, end, device, as])
+  
+  useEffect(() => {
+    loadData()
+  }, [loadData]); // eslint-disable-line react-hooks/exhaustive-deps
 
   const loadFlowEvents = () => {
     if (ambient && pressureComponent) {

src/gate/GateGraphs.tsx

@@ -101,16 +101,22 @@ export default function GateGraphs(props: Props) {
       });
   }, [gate, endDate, gateAPI, startDate, as]); // eslint-disable-line react-hooks/exhaustive-deps
 
-  const updateDateRange = (newStartDate: any, newEndDate: any) => {
-    let range = GetDefaultDateRange();
-    range.start = newStartDate;
-    range.end = newEndDate;
+  const updateDateRange = (newStartDate: moment.Moment, newEndDate: moment.Moment) => {
     setStartDate(newStartDate);
     setEndDate(newEndDate);
   };
 
+  const zoomGraphs = (domain: string[] | number[]) => {
+    setZoomed(true)
+    if((domain[0] && !isNaN(parseInt(domain[0] as string))) && (domain[1] && !isNaN(parseInt(domain[1] as string)))){
+      updateDateRange(moment(domain[0]),moment(domain[1]))
+    }
+  }
+
   const zoomOut = () => {
-    setXDomain(["dataMin", "dataMax"]);
+    let d = GetDefaultDateRange()
+    setStartDate(d.start)
+    setEndDate(d.end)
     setZoomed(false);
   };
 
@@ -175,8 +181,7 @@ export default function GateGraphs(props: Props) {
           tooltip
           newXDomain={xDomain}
           multiGraphZoom={domain => {
-            setXDomain(domain);
-            setZoomed(true);
+            zoomGraphs(domain)
           }}
           multiGraphZoomOut
         />
@@ -239,8 +244,7 @@ export default function GateGraphs(props: Props) {
           tooltip
           newXDomain={xDomain}
           multiGraphZoom={domain => {
-            setXDomain(domain);
-            setZoomed(true);
+            zoomGraphs(domain)
           }}
           multiGraphZoomOut
         />
@@ -250,7 +254,6 @@ export default function GateGraphs(props: Props) {
 
   const graphHeader = (comp: Component) => {
     const componentIcon = GetComponentIcon(comp.settings.type, comp.settings.subtype, themeType);
-    console.log(comp)
     let measurement = cloneDeep(comp.status.measurement)
     let umArray = measurement.map(um => UnitMeasurement.create(um, user))
     return (
@@ -356,17 +359,22 @@ export default function GateGraphs(props: Props) {
           gate={gate}
           ambient={ambient}
           pressureComponent={pressure}
-          // setPCAState={(state: boolean) => {
-          //   setPCAState(state);
-          // }}
           multiGraphZoom={domain => {
-            setXDomain(domain);
-            setZoomed(true);
+            zoomGraphs(domain)
           }}
         />
         {/* add a new chart here for the delta temp over time */}
         {tempComp &&
-          <GateDeltaTempGraph deviceID={device} start={startDate} end={endDate} tempComponent={tempComp} ambient={ambientComp}/>
+          <GateDeltaTempGraph 
+            deviceID={device} 
+            start={startDate} 
+            end={endDate} 
+            tempComponent={tempComp} 
+            ambient={ambientComp}
+            multiGraphZoom={domain => {
+              zoomGraphs(domain)
+            }}
+            />
         }
       </Box>
     );

src/gate/GateList.tsx

@@ -272,7 +272,12 @@ export default function GateList(props: Props) {
         // cellStyle: {width: 100000},
         // sortKey: "state",
         render: gate => {
-          const deviceStateHelper = getDeviceStateHelper(gate.status.pcaDeviceState);
+          let deviceStateHelper = getDeviceStateHelper(pond.DeviceState.DEVICE_STATE_UNKNOWN);
+          if(moment().isAfter(moment(gate.status.deviceStateExpires).add(1, 'hour'))){
+            deviceStateHelper = getDeviceStateHelper(pond.DeviceState.DEVICE_STATE_MISSING)
+          }else{
+            deviceStateHelper = getDeviceStateHelper(gate.status.pcaDeviceState)
+          }
           return (
             <Box className={classes.cellContainer}>
               <Tooltip title={deviceStateHelper.description}>{deviceStateHelper.icon}</Tooltip>

src/objects/objectInteractions/NewObjectInteraction.tsx

@@ -262,7 +262,7 @@ export default function NewObjectInteraction(props: Props){
 
   const conditionGroup = (condition: pond.InteractionCondition, index: number) => {
     let measurementType = condition.measurementType;
-    let describer = describeMeasurement(measurementType, newAlertComponentType);
+    let describer = describeMeasurement(measurementType, newAlertComponentType, undefined, undefined, user);
     let isBoolean = condition.measurementType === Measurement.boolean;
     return (
       <React.Fragment key={index}>

src/pages/Bins.tsx

@@ -58,9 +58,9 @@ import {
   // useBinYardAPI,
   useGlobalState,
   useInteractionsAPI,
-  useSnackbar,
-  useTeamAPI
+  useSnackbar
 } from "providers";
+import { useTeamAPI } from "providers/pond/teamAPI";
 import React, { SetStateAction, useCallback, useEffect, useState } from "react";
 // import { getThemeType } from "theme";
 import { stringToMaterialColour } from "utils";

src/pages/Device.tsx

@@ -7,7 +7,8 @@ import { useDeviceStatusStreams } from "hooks/useDeviceStatusStreams";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useLocation, useParams } from "react-router-dom";
 import PageContainer from "./PageContainer";
-import { useHTTP, useMobile } from "hooks";
+import { useMobile } from "hooks";
+import { useHTTP } from "providers/http";
 import LoadingScreen from "app/LoadingScreen";
 import SmartBreadcrumb from "common/SmartBreadcrumb";
 import DeviceActions from "device/DeviceActions";
@@ -623,4 +624,4 @@ export default function DevicePage() {
       {componentCards()}
     </PageContainer>
   );
-}
+}

src/pages/DeviceComponent.tsx

@@ -38,7 +38,8 @@ import {
 } from "pbHelpers/DeviceAvailability";
 import { getDefaultInteraction } from "pbHelpers/Interaction";
 import { pond } from "protobuf-ts/pond";
-import { useGlobalState, useTeamAPI } from "providers";
+import { useGlobalState } from "providers";
+import { useTeamAPI } from "providers/pond/teamAPI";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useParams } from "react-router-dom";
 // import { useRouteMatch } from "react-router";

src/pages/Devices.tsx

@@ -5,8 +5,9 @@ import { makeStyles } from "@mui/styles";
 import ResponsiveTable, { Column } from "common/ResponsiveTable";
 import ProvisionDevice from "device/ProvisionDevice";
 import { pond } from "protobuf-ts/pond";
-import { useDeviceAPI, useGlobalState, useGroupAPI, useTeamAPI } from "providers";
-import { useHTTP } from "hooks";
+import { useDeviceAPI, useGlobalState, useGroupAPI } from "providers";
+import { useHTTP } from "providers/http";
+import { useTeamAPI } from "providers/pond/teamAPI";
 import { useDeviceStatusStreams } from "hooks/useDeviceStatusStreams";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import PageContainer from "./PageContainer";
@@ -1204,4 +1205,4 @@ export default function Devices() {
       />
     </PageContainer>
   )
-}
+}

src/pages/Team.tsx

@@ -12,7 +12,8 @@ import { appendToUrl } from "navigation/Router";
 import PageContainer from "pages/PageContainer";
 import { getContextKeys, getContextTypes } from "pbHelpers/Context";
 import { pond } from "protobuf-ts/pond";
-import { useGlobalState, useSnackbar, useTeamAPI, useUserAPI } from "providers";
+import { useGlobalState, useSnackbar, useUserAPI } from "providers";
+import { useTeamAPI } from "providers/pond/teamAPI";
 import { useEffect, useState } from "react";
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import { getSignatureAccentColour, IsAdaptiveAgriculture, IsStreamline } from "services/whiteLabel";

src/providers/pond/ObjectHeaterAPI.tsx

@@ -1,7 +1,7 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import React, { createContext, PropsWithChildren, useContext } from "react";
 import { or } from "utils";
 import { pondURL } from "./pond";

src/providers/pond/backpackAPI.tsx

@@ -1,5 +1,5 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pondURL } from "./pond";

src/providers/pond/binAPI.tsx

@@ -1,4 +1,5 @@
-import { useHTTP, usePermissionAPI } from "hooks";
+import { useHTTP } from "../http";
+import { usePermissionAPI } from "./permissionAPI";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pond } from "protobuf-ts/pond";
 import { has, or } from "utils/types";
@@ -6,7 +7,7 @@ import { User, binScope } from "models";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
 import { dateRange } from "providers/http";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import { quack } from "protobuf-ts/quack";
 
 export interface IBinAPIContext {

src/providers/pond/binYardAPI.tsx

@@ -1,10 +1,10 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pond } from "protobuf-ts/pond";
 import { or } from "utils/types";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 
 export interface IBinYardAPIContext {
   addBinYard: (bin: pond.BinYardSettings, otherTeam?: string) => Promise<AxiosResponse<pond.AddBinYardResponse>>;

src/providers/pond/cnhiProxyAPI.tsx

@@ -1,5 +1,5 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import { createContext, PropsWithChildren, useContext } from "react";
 //import { or } from "utils";

src/providers/pond/componentAPI.tsx

@@ -1,4 +1,4 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 // import { useWebsocket } from "websocket";
 import { pond } from "protobuf-ts/pond";
 import { createContext, PropsWithChildren, useContext } from "react";
@@ -7,7 +7,7 @@ import { getComponentIDString } from "pbHelpers/Component";
 import { Component } from "models";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import { quack } from "protobuf-ts/quack";
 
 export interface IComponentAPIContext {

src/providers/pond/contractAPI.tsx

@@ -1,9 +1,9 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pond } from "protobuf-ts/pond";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 
 export interface IContractInterface {
   addContract: (

src/providers/pond/datadogProxyAPI.tsx

@@ -1,5 +1,5 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pondURL } from "./pond";

src/providers/pond/deviceAPI.tsx

@@ -1,10 +1,11 @@
-import { useHTTP, usePermissionAPI } from "hooks";
+import { useHTTP } from "../http";
+import { usePermissionAPI } from "./permissionAPI";
 import { Component, deviceScope, User } from "models";
 import { pond } from "protobuf-ts/pond";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import moment from "moment";
 import { or } from "utils/types";
 import { dateRange } from "providers/http";

src/providers/pond/devicePresetAPI.tsx

@@ -1,9 +1,9 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pond } from "protobuf-ts/pond";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 
 export interface IDevicePresetInterface {
   //add

src/providers/pond/fieldAPI.tsx

@@ -1,7 +1,7 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import React, { createContext, PropsWithChildren, useContext } from "react";
 import { or } from "utils";
 import { pondURL } from "./pond";

src/providers/pond/fieldMarkerAPI.tsx

@@ -1,7 +1,7 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pondURL } from "./pond";
 

src/providers/pond/fileControllerAPI.tsx

@@ -1,5 +1,5 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import { useGlobalState } from "providers/StateContainer";
 import { createContext, PropsWithChildren, useContext } from "react";

src/providers/pond/firmwareAPI.tsx

@@ -1,4 +1,4 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import { useGlobalState } from "providers/StateContainer";
 import { createContext, PropsWithChildren, useContext } from "react";

src/providers/pond/gateAPI.tsx

@@ -1,9 +1,9 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pond } from "protobuf-ts/pond";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 
 export interface IGateInterface {
   addGate: (

src/providers/pond/grainAPI.tsx

@@ -1,9 +1,9 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pond } from "protobuf-ts/pond";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import { or } from "utils";
 
 export interface IGrainInterface {

src/providers/pond/grainBagAPI.tsx

@@ -1,9 +1,9 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import React, { createContext, PropsWithChildren, useContext } from "react";
 import { pond } from "protobuf-ts/pond";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 
 export interface IGrainBagInterface {
   addGrainBag: (

src/providers/pond/groupAPI.tsx

@@ -1,11 +1,12 @@
-import { useHTTP, usePermissionAPI } from "hooks";
+import { useHTTP } from "../http";
+import { usePermissionAPI } from "./permissionAPI";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pond } from "protobuf-ts/pond";
 import { or } from "utils/types";
 import { User, groupScope } from "models";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import { getContextKeys, getContextTypes } from "pbHelpers/Context";
 
 export interface IGroupAPIContext {

src/providers/pond/harvestPlanAPI.tsx

@@ -1,5 +1,5 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import { useGlobalState } from "providers/StateContainer";
 import { createContext, PropsWithChildren, useContext } from "react";

src/providers/pond/homeMarkerAPI.tsx

@@ -1,7 +1,7 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pondURL } from "./pond";
 

src/providers/pond/imagekitAPI.tsx

@@ -1,6 +1,6 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";

src/providers/pond/interactionsAPI.tsx

@@ -1,5 +1,5 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { Interaction } from "models";
 import { componentIDToString } from "pbHelpers/Component";
 import { pond } from "protobuf-ts/pond";

src/providers/pond/johnDeereProxyAPI.tsx

@@ -1,5 +1,5 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import { createContext, PropsWithChildren, useContext } from "react";
 //import { or } from "utils";

src/providers/pond/keyManagerAPI.tsx

@@ -1,5 +1,5 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pondURL } from "./pond";

src/providers/pond/libracartProxyAPI.tsx

@@ -1,5 +1,5 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import React, { createContext, PropsWithChildren, useContext } from "react";
 //import { or } from "utils";

src/providers/pond/mineAPI.tsx

@@ -1,5 +1,5 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { permissionToString } from "pbHelpers/Permission";
 import { pond } from "protobuf-ts/pond";
 import { useGlobalState } from "providers/StateContainer";

src/providers/pond/mutationAPI.tsx

@@ -1,9 +1,9 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pond } from "protobuf-ts/pond";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 
 export interface IMutationAPIContext {
   linearMutation: (

src/providers/pond/noteAPI.tsx

@@ -1,7 +1,7 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
-// import { useGlobalState } from "providers";
+// import { useGlobalState } from "../StateContainer";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pondURL } from "./pond";
 

src/providers/pond/notificationAPI.tsx

@@ -1,10 +1,10 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import React, { createContext, PropsWithChildren, useContext } from "react";
 import { pond } from "protobuf-ts/pond";
 import { or } from "utils/types";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 
 export interface INotificationAPIContext {
   listNotifications: (

src/providers/pond/permissionAPI.tsx

@@ -1,9 +1,9 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { Scope, Team, User } from "models";
 import { permissionToString } from "pbHelpers/Permission";
 import { pond } from "protobuf-ts/pond";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { objectQueryParams, pondURL } from "./pond";
 

src/providers/pond/preferenceAPI.tsx

@@ -1,4 +1,4 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pondURL } from "./pond";

src/providers/pond/siteAPI.tsx

@@ -1,5 +1,5 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import { useGlobalState } from "providers/StateContainer";
 import { createContext, PropsWithChildren, useContext } from "react";

src/providers/pond/tagAPI.tsx

@@ -1,4 +1,4 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pondURL } from "./pond";

src/providers/pond/taskAPI.tsx

@@ -1,7 +1,7 @@
 import { AxiosResponse } from "axios";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pondURL } from "./pond";
 

src/providers/pond/teamAPI.tsx

@@ -1,11 +1,11 @@
 import { AxiosResponse } from "axios";
 import { Scope, Team } from "models";
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { pond } from "protobuf-ts/pond";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { or } from "utils/types";
 import { pondURL } from "./pond";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 
 export interface ITeamAPIContext {
   addTeam: (team: pond.TeamSettings) => Promise<AxiosResponse<pond.AddTeamResponse>>;

src/providers/pond/terminalAPI.tsx

@@ -1,9 +1,9 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pond } from "protobuf-ts/pond";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 
 export interface ITerminalAPIContext {
   addTerminal: (

src/providers/pond/transactionAPI.tsx

@@ -1,9 +1,9 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pond } from "protobuf-ts/pond";
 import { pondURL } from "./pond";
 import { AxiosResponse } from "axios";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import { or } from "utils";
 
 export interface ITransactionAPIContext {

src/providers/pond/usageAPI.tsx

@@ -1,6 +1,6 @@
-import { useHTTP } from "hooks";
+import { useHTTP } from "../http";
 import moment from "moment";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { pondURL } from "./pond";
 

src/providers/pond/userAPI.tsx

@@ -1,10 +1,10 @@
-// import { useHTTP } from "hooks";
+// import { useHTTP } from "../http";
 // import { Scope, User } from "models";
 // import { pond } from "protobuf-ts/pond";
 import { createContext, PropsWithChildren, useContext } from "react";
 import { objectQueryParams, pondURL } from "./pond";
 // import { or } from "utils";
-import { useGlobalState } from "providers";
+import { useGlobalState } from "../StateContainer";
 // import { AxiosResponse } from "axios";
 import { useHTTP } from "../http";
 import { AxiosResponse } from "axios";

src/services/restAPI.js

@@ -1,4 +1,4 @@
-import * as axios from "axios";
+import axios from "axios";
 
 export var defaultOptions = {
   headers: {

src/teams/TeamList.tsx

@@ -12,7 +12,8 @@ import {
   Grid2,
 } from "@mui/material";
 import { pond } from "protobuf-ts/pond";
-import { useGlobalState, useSnackbar, useTeamAPI, useUserAPI } from "providers";
+import { useGlobalState, useSnackbar, useUserAPI } from "providers";
+import { useTeamAPI } from "providers/pond/teamAPI";
 import { Team, teamScope } from "models";
 import { useNavigate } from "react-router";
 import { cloneDeep } from "lodash";

src/teams/TeamSettings.tsx

@@ -14,7 +14,8 @@ import {
 import ResponsiveDialog from "common/ResponsiveDialog";
 import { Team } from "models";
 import { pond } from "protobuf-ts/pond";
-import { useSnackbar, useTeamAPI } from "providers";
+import { useSnackbar } from "providers";
+import { useTeamAPI } from "providers/pond/teamAPI";
 import React, { useEffect, useState } from "react";
 import DeleteButton from "common/DeleteButton";
 import { userRoleFromPermissions } from "pbHelpers/User";