added the sites page and all other required imports for it to work, also fixed the map card

src/providers/index.ts

@@ -38,8 +38,8 @@ export {
   // useKeyManagerAPI,
   useTerminalAPI, //TODO: update api with resolve,reject
   useGateAPI,
-  // useObjectHeaterAPI,
-  // useMutationAPI,
+  useObjectHeaterAPI, //TODO: update api with resolve,reject
+  useMutationAPI, //TODO: update api with resolve,reject
   useGrainBagAPI,
   useTransactionAPI,
   useFileControllerAPI

src/providers/pond/ObjectHeaterAPI.tsx

@@ -0,0 +1,194 @@
+import { AxiosResponse } from "axios";
+import { useHTTP } from "hooks";
+import { pond } from "protobuf-ts/pond";
+import { useGlobalState } from "providers";
+import React, { createContext, PropsWithChildren, useContext } from "react";
+import { or } from "utils";
+import { pondURL } from "./pond";
+
+export interface IObjectHeaterAPIContext {
+  addObjectHeater: (
+    name: string,
+    heater: pond.ObjectHeaterSettings
+  ) => Promise<AxiosResponse<pond.AddObjectHeaterResponse>>;
+  getObjectHeater: (key: string) => Promise<AxiosResponse<pond.GetObjectHeaterResponse>>;
+  listObjectHeaters: (
+    limit: number,
+    offset: number,
+    order?: "asc" | "desc",
+    orderBy?: string,
+    search?: string,
+    asRoot?: boolean,
+    as?: string,
+    keys?: string[],
+    types?: string[],
+    numerical?: boolean
+  ) => Promise<AxiosResponse<pond.ListObjectHeatersResponse>>;
+  removeObjectHeater: (key: string) => Promise<AxiosResponse<pond.RemoveObjectHeaterResponse>>;
+  updateObjectHeater: (
+    key: string,
+    name: string,
+    settings: pond.ObjectHeaterSettings,
+    asRoot?: true
+  ) => Promise<AxiosResponse<pond.UpdateObjectHeaterResponse>>;
+  updateLink: (
+    parentKey: string,
+    parentType: string,
+    objectID: string,
+    objectType: string,
+    permissions: string[]
+  ) => Promise<any>;
+  listObjectHeatersPageData: (
+    limit: number,
+    offset: number,
+    order?: "asc" | "desc",
+    orderBy?: string,
+    search?: string,
+    as?: string,
+    asRoot?: boolean
+  ) => Promise<AxiosResponse<pond.ListObjectHeatersPageDataResponse>>;
+}
+
+export const ObjectHeaterAPIContext = createContext<IObjectHeaterAPIContext>(
+  {} as IObjectHeaterAPIContext
+);
+
+interface Props {}
+
+export default function ObjectHeaterProvider(props: PropsWithChildren<Props>) {
+  const { children } = props;
+  const { get, del, post, put } = useHTTP();
+  const [{ as }] = useGlobalState();
+
+  const addObjectHeater = (name: string, settings: pond.ObjectHeaterSettings) => {
+    if (as)
+      return post<pond.AddObjectHeaterResponse>(
+        pondURL("/objectHeaters?name=" + name + "&as=" + as),
+        settings
+      );
+    return post<pond.AddObjectHeaterResponse>(pondURL("/objectHeaters?name=" + name), settings);
+  };
+
+  const getObjectHeater = (key: string) => {
+    if (as) {
+      return get<pond.GetObjectHeaterResponse>(pondURL("/objectHeaters/" + key + "?as=" + as));
+    }
+    return get<pond.GetObjectHeaterResponse>(pondURL("/objectHeaters/" + key));
+  };
+
+  const removeObjectHeater = (key: string) => {
+    if (as)
+      return del<pond.RemoveObjectHeaterResponse>(pondURL("/objectHeaters/" + key + "?as=" + as));
+    return del<pond.RemoveObjectHeaterResponse>(pondURL("/objectHeaters/" + key));
+  };
+
+  const listObjectHeaters = (
+    limit: number,
+    offset: number,
+    order?: "asc" | "desc",
+    orderBy?: string,
+    search?: string,
+    asRoot?: boolean,
+    as?: string,
+    keys?: string[],
+    types?: string[],
+    numerical?: boolean
+  ) => {
+    return get<pond.ListObjectHeatersResponse>(
+      pondURL(
+        "/objectHeaters" +
+          "?limit=" +
+          limit +
+          "&offset=" +
+          offset +
+          ("&order=" + (order ? order : "asc")) +
+          ("&by=" + (orderBy ? orderBy : "key")) +
+          (search ? "&search=" + search : "") +
+          (numerical ? "&numerical=true" : "") +
+          (asRoot ? "&asRoot=" + asRoot.toString() : "") +
+          (as ? "&as=" + as : "") +
+          (keys ? "&keys=" + keys.toString() : "") +
+          (types ? "&types=" + types.toString() : "")
+      )
+    );
+  };
+
+  const updateObjectHeater = (key: string, name: string, settings: pond.ObjectHeaterSettings) => {
+    if (as) {
+      return put<pond.UpdateObjectHeaterResponse>(
+        pondURL("/objectHeaters/" + key + "?as=" + as + "&name=" + name),
+        settings
+      );
+    }
+    return put<pond.UpdateObjectHeaterResponse>(
+      pondURL("/objectHeaters/" + key + "?name=" + name),
+      settings
+    );
+  };
+
+  const updateLink = (
+    parentID: string,
+    parentType: string,
+    objectID: string,
+    objectType: string,
+    permissions: string[]
+  ) => {
+    if (as)
+      return post(pondURL(`/objectHeaters/` + parentID + `/link?as=${as}`), {
+        Key: objectID,
+        Type: objectType,
+        Parent: parentID,
+        ParentType: parentType,
+        Permissions: permissions
+      });
+    return post(pondURL(`/objectHeaters/` + parentID + `/link`), {
+      Key: objectID,
+      Type: objectType,
+      Parent: parentID,
+      ParentType: parentType,
+      Permissions: permissions
+    });
+  };
+
+  const listObjectHeatersPageData = (
+    limit: number,
+    offset: number,
+    order?: "asc" | "desc",
+    orderBy?: string,
+    search?: string,
+    as?: string,
+    asRoot?: boolean
+  ) => {
+    return get<pond.ListObjectHeatersPageDataResponse>(
+      pondURL(
+        "/objectHeatersWithData" +
+          "?limit=" +
+          limit +
+          "&offset=" +
+          offset +
+          ("&order=" + or(order, "asc")) +
+          ("&by=" + or(orderBy, "key")) +
+          (as ? "&as=" + as : "") +
+          (asRoot ? "&asRoot=" + asRoot.toString() : "") +
+          (search ? "&search=" + search : "")
+      )
+    );
+  };
+
+  return (
+    <ObjectHeaterAPIContext.Provider
+      value={{
+        addObjectHeater,
+        getObjectHeater,
+        listObjectHeaters,
+        removeObjectHeater,
+        updateObjectHeater,
+        updateLink,
+        listObjectHeatersPageData
+      }}>
+      {children}
+    </ObjectHeaterAPIContext.Provider>
+  );
+}
+
+export const useObjectHeaterAPI = () => useContext(ObjectHeaterAPIContext);

src/providers/pond/mutationAPI.tsx

@@ -0,0 +1,48 @@
+import { useHTTP } from "hooks";
+import { createContext, PropsWithChildren, useContext } from "react";
+import { pond } from "protobuf-ts/pond";
+import { pondURL } from "./pond";
+import { AxiosResponse } from "axios";
+import { useGlobalState } from "providers";
+
+export interface IMutationAPIContext {
+  linearMutation: (
+    linearMutation: pond.LinearMutation,
+    start: string,
+    end: string
+  ) => Promise<AxiosResponse<pond.LinearMutationResponse>>;
+}
+
+export const MutationAPIContext = createContext<IMutationAPIContext>({} as IMutationAPIContext);
+
+interface Props {}
+
+export default function MutationProvider(props: PropsWithChildren<Props>) {
+  const { children } = props;
+  const { post } = useHTTP();
+  //const permissionAPI = usePermissionAPI();
+  const [{ as }] = useGlobalState();
+
+  const linearMutation = (linearMutation: pond.LinearMutation, start: string, end: string) => {
+    if (as)
+      return post<pond.LinearMutationResponse>(
+        pondURL("/linearMutation?start=" + start + "&end=" + end + "&as=" + as),
+        linearMutation
+      );
+    return post<pond.LinearMutationResponse>(
+      pondURL("/linearMutation?start=" + start + "&end=" + end),
+      linearMutation
+    );
+  };
+
+  return (
+    <MutationAPIContext.Provider
+      value={{
+        linearMutation
+      }}>
+      {children}
+    </MutationAPIContext.Provider>
+  );
+}
+
+export const useMutationAPI = () => useContext(MutationAPIContext);

src/providers/pond/pond.tsx

@@ -26,6 +26,8 @@ import HomeMarkerProvider, {useHomeMarkerAPI} from "./homeMarkerAPI";
 import HarvestPlanProvider, {useHarvestPlanAPI} from "./harvestPlanAPI";
 import TerminalProvider, {useTerminalAPI} from "./terminalAPI"
 import SiteProvider, {useSiteAPI} from "./siteAPI";
+import ObjectHeaterProvider, {useObjectHeaterAPI} from "./ObjectHeaterAPI";
+import MutationProvider, {useMutationAPI} from "./mutationAPI"
 // import NoteProvider from "providers/noteAPI";
 
 export const pondURL = (partial: string, demo: boolean = false): string => {
@@ -68,7 +70,11 @@ export default function PondProvider(props: PropsWithChildren<any>) {
                                                 <HarvestPlanProvider>
                                                   <TerminalProvider>
                                                     <SiteProvider>
-                                                      {children}
+                                                      <ObjectHeaterProvider>
+                                                        <MutationProvider>
+                                                          {children}
+                                                        </MutationProvider>
+                                                      </ObjectHeaterProvider>
                                                     </SiteProvider>
                                                   </TerminalProvider>
                                                 </HarvestPlanProvider>
@@ -123,5 +129,7 @@ export {
   useHomeMarkerAPI,
   useHarvestPlanAPI,
   useTerminalAPI,
-  useSiteAPI
+  useSiteAPI,
+  useObjectHeaterAPI,
+  useMutationAPI
 };