diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/components/CommentarySection/CommentarySection.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/components/CommentarySection/CommentarySection.tsx
index 8f7ba714f..44fbbb71c 100644
--- a/src/admin/components/ResourceTabs/PolygonReviewTab/components/CommentarySection/CommentarySection.tsx
+++ b/src/admin/components/ResourceTabs/PolygonReviewTab/components/CommentarySection/CommentarySection.tsx
@@ -1,25 +1,22 @@
 import { When } from "react-if";
 
-import Commentary from "@/components/elements/Commentary/Commentary";
 import CommentaryBox from "@/components/elements/CommentaryBox/CommentaryBox";
 import Text from "@/components/elements/Text/Text";
 import Loader from "@/components/generic/Loading/Loader";
 import { useGetAuthMe } from "@/generated/apiComponents";
 
 const CommentarySection = ({
-  auditLogData,
   refresh,
   record,
   entity,
   viewCommentsList = true,
-  attachmentRefetch
+  loading = false
 }: {
-  auditLogData?: any;
-  refresh?: any;
+  refresh?: () => void;
   record?: any;
   entity?: "Project" | "SitePolygon" | "Site";
   viewCommentsList?: boolean;
-  attachmentRefetch?: any;
+  loading?: boolean;
 }) => {
   const { data: authMe } = useGetAuthMe({}) as {
     data: {
@@ -40,27 +37,11 @@ const CommentarySection = ({
         entity={entity}
       />
       <When condition={viewCommentsList}>
-        <div className="max-h-[60vh] min-h-[10vh] grid-cols-[14%_20%_18%_15%_33%] overflow-auto">
-          {auditLogData ? (
-            auditLogData.length > 0 ? (
-              auditLogData
-                .filter((item: any) => item.type === "comment")
-                .map((item: any) => (
-                  <Commentary
-                    key={item.id}
-                    name={item?.first_name || item.created_by}
-                    lastName={item?.last_name}
-                    date={item.date_created}
-                    commentary={item.comment}
-                  />
-                ))
-            ) : (
-              <></>
-            )
-          ) : (
+        {loading && (
+          <div className="max-h-[60vh] min-h-[10vh] grid-cols-[14%_20%_18%_15%_33%]">
             <Loader />
-          )}
-        </div>
+          </div>
+        )}
       </When>
     </div>
   );
diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/PolygonDrawer.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/PolygonDrawer.tsx
new file mode 100644
index 000000000..f185d5f06
--- /dev/null
+++ b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/PolygonDrawer.tsx
@@ -0,0 +1,226 @@
+import { Divider } from "@mui/material";
+import { useEffect, useState } from "react";
+import { Else, If, Then, When } from "react-if";
+
+import Accordion from "@/components/elements/Accordion/Accordion";
+import Button from "@/components/elements/Button/Button";
+import { StatusEnum } from "@/components/elements/Status/constants/statusMap";
+import Status from "@/components/elements/Status/Status";
+import Text from "@/components/elements/Text/Text";
+import { useSitePolygonData } from "@/context/sitePolygon.provider";
+import {
+  fetchPostV2TerrafundValidationPolygon,
+  useGetV2TerrafundValidationCriteriaData
+} from "@/generated/apiComponents";
+import { SitePolygon } from "@/generated/apiSchemas";
+
+import CommentarySection from "../CommentarySection/CommentarySection";
+import StatusDisplay from "../PolygonStatus/StatusDisplay";
+import AttributeInformation from "./components/AttributeInformation";
+import PolygonValidation from "./components/PolygonValidation";
+import VersionHistory from "./components/VersionHistory";
+
+const statusColor: Record<string, string> = {
+  draft: "bg-pinkCustom",
+  submitted: "bg-blue",
+  approved: "bg-green",
+  "needs-more-information": "bg-tertiary-600"
+};
+
+const validationLabels: any = {
+  3: "No Overlapping Polygon",
+  4: "No Self-Intersection",
+  6: "Inside Size Limit",
+  7: "Within Country",
+  8: "No Spike",
+  10: "Polygon Type",
+  12: "Within Total Area Expected",
+  14: "Data Completed"
+};
+
+export interface ICriteriaCheckItem {
+  id: string;
+  status: boolean;
+  label: string;
+  date?: string;
+}
+
+const ESTIMATED_AREA_CRITERIA_ID = 12;
+
+const PolygonDrawer = ({
+  polygonSelected,
+  isPolygonStatusOpen,
+  refresh
+}: {
+  polygonSelected: string;
+  isPolygonStatusOpen: any;
+  refresh?: () => void;
+}) => {
+  const [buttonToogle, setButtonToogle] = useState(true);
+  const [selectedPolygonData, setSelectedPolygonData] = useState<SitePolygon>();
+  const [statusSelectedPolygon, setStatusSelectedPolygon] = useState<string>("");
+  const [openAttributes, setOpenAttributes] = useState(true);
+  const [checkPolygonValidation, setCheckPolygonValidation] = useState(false);
+  const [validationStatus, setValidationStatus] = useState(false);
+  const [polygonValidationData, setPolygonValidationData] = useState<ICriteriaCheckItem[]>();
+  const [criteriaValidation, setCriteriaValidation] = useState<boolean | any>();
+
+  const context = useSitePolygonData();
+  const sitePolygonData = context?.sitePolygonData as undefined | Array<SitePolygon>;
+  const openEditNewPolygon = context?.isUserDrawingEnabled;
+  const selectedPolygon = sitePolygonData?.find((item: SitePolygon) => item?.poly_id === polygonSelected);
+  const { data: criteriaData, refetch: reloadCriteriaValidation } = useGetV2TerrafundValidationCriteriaData(
+    {
+      queryParams: {
+        uuid: polygonSelected
+      }
+    },
+    {
+      enabled: !!polygonSelected
+    }
+  );
+
+  const validatePolygon = async () => {
+    await fetchPostV2TerrafundValidationPolygon({ queryParams: { uuid: polygonSelected } });
+    reloadCriteriaValidation();
+    setCheckPolygonValidation(false);
+  };
+
+  useEffect(() => {
+    if (checkPolygonValidation) {
+      validatePolygon();
+      reloadCriteriaValidation();
+    }
+  }, [checkPolygonValidation]);
+
+  useEffect(() => {
+    setButtonToogle(!isPolygonStatusOpen);
+  }, [isPolygonStatusOpen]);
+
+  useEffect(() => {
+    if (criteriaData?.criteria_list) {
+      const transformedData: ICriteriaCheckItem[] = criteriaData.criteria_list.map((criteria: any) => ({
+        id: criteria.criteria_id,
+        date: criteria.latest_created_at,
+        status: criteria.valid === 1,
+        label: validationLabels[criteria.criteria_id]
+      }));
+      setPolygonValidationData(transformedData);
+      setValidationStatus(true);
+    } else {
+      setValidationStatus(false);
+    }
+  }, [criteriaData]);
+
+  useEffect(() => {
+    if (Array.isArray(sitePolygonData)) {
+      const PolygonData = sitePolygonData.find((data: SitePolygon) => data.poly_id === polygonSelected);
+      setSelectedPolygonData(PolygonData ?? {});
+      setStatusSelectedPolygon(PolygonData?.status ?? "");
+    } else {
+      setSelectedPolygonData({});
+      setStatusSelectedPolygon("");
+    }
+  }, [polygonSelected, sitePolygonData]);
+  useEffect(() => {
+    if (openEditNewPolygon) {
+      setButtonToogle(true);
+      setOpenAttributes(true);
+    }
+  }, [openEditNewPolygon]);
+
+  const isValidCriteriaData = (criteriaData: any) => {
+    if (!criteriaData?.criteria_list?.length) {
+      return true;
+    }
+    return criteriaData.criteria_list.some(
+      (criteria: any) => criteria.criteria_id !== ESTIMATED_AREA_CRITERIA_ID && criteria.valid !== 1
+    );
+  };
+
+  useEffect(() => {
+    const fetchCriteriaValidation = async () => {
+      if (!buttonToogle) {
+        const criteriaData = await fetchPostV2TerrafundValidationPolygon({
+          queryParams: {
+            uuid: polygonSelected
+          }
+        });
+        setCriteriaValidation(criteriaData);
+      }
+    };
+
+    fetchCriteriaValidation();
+  }, [buttonToogle, selectedPolygonData]);
+
+  return (
+    <div className="flex flex-1 flex-col gap-6 overflow-visible">
+      <div>
+        <Text variant={"text-12-light"}>{`Polygon ID: ${selectedPolygonData?.id}`}</Text>
+        <Text variant={"text-20-bold"} className="flex items-center gap-1">
+          {selectedPolygonData?.poly_name ? selectedPolygonData?.poly_name : "Unnamed Polygon"}
+          <div className={`h-4 w-4 rounded-full ${statusColor[statusSelectedPolygon]}`} />
+        </Text>
+      </div>
+      <div className="flex w-fit gap-1 rounded-lg bg-neutral-200 p-1">
+        <Button
+          variant={`${buttonToogle ? "white-toggle" : "transparent-toggle"}`}
+          onClick={() => setButtonToogle(!buttonToogle)}
+        >
+          Attributes
+        </Button>
+        <Button
+          variant={`${buttonToogle ? "transparent-toggle" : "white-toggle"}`}
+          onClick={() => setButtonToogle(!buttonToogle)}
+        >
+          Polygon Status
+        </Button>
+      </div>
+      <If condition={!buttonToogle}>
+        <Then>
+          <div className="flex max-h-max flex-[1_1_0] flex-col gap-6 overflow-auto pr-3">
+            <div className="flex items-center gap-2">
+              <Text variant="text-14-semibold" className="w-[15%] break-words">
+                Status:
+              </Text>
+              <When condition={selectedPolygon?.status}>
+                <Status className="w-[35%]" status={selectedPolygon?.status as StatusEnum} />
+              </When>
+            </div>
+            <StatusDisplay
+              titleStatus="Polygon"
+              name={selectedPolygon?.poly_name}
+              refresh={refresh}
+              record={selectedPolygon}
+              tab="polygonReview"
+              checkPolygonsSite={isValidCriteriaData(criteriaValidation)}
+            />
+            <CommentarySection record={selectedPolygon} entity={"SitePolygon"}></CommentarySection>
+          </div>
+        </Then>
+        <Else>
+          <div className="flex max-h-max flex-[1_1_0] flex-col gap-6 overflow-auto pr-3">
+            <Accordion variant="drawer" title={"Validation"} defaultOpen={true}>
+              <PolygonValidation
+                menu={polygonValidationData ?? []}
+                clickedValidation={setCheckPolygonValidation}
+                status={validationStatus}
+              />
+            </Accordion>
+            <Divider />
+            <Accordion variant="drawer" title={"Attribute Information"} defaultOpen={openAttributes}>
+              {selectedPolygonData && <AttributeInformation selectedPolygon={selectedPolygonData} />}
+            </Accordion>
+            <Divider />
+            <Accordion variant="drawer" title={"Version History"} defaultOpen={true}>
+              <VersionHistory />
+            </Accordion>
+            <Divider />
+          </div>
+        </Else>
+      </If>
+    </div>
+  );
+};
+
+export default PolygonDrawer;
diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/AttributeInformation.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/AttributeInformation.tsx
new file mode 100644
index 000000000..39c09986c
--- /dev/null
+++ b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/AttributeInformation.tsx
@@ -0,0 +1,252 @@
+import { useT } from "@transifex/react";
+import { useEffect, useState } from "react";
+
+import Button from "@/components/elements/Button/Button";
+import Dropdown from "@/components/elements/Inputs/Dropdown/Dropdown";
+import Input from "@/components/elements/Inputs/Input/Input";
+import Text from "@/components/elements/Text/Text";
+import { useSitePolygonData } from "@/context/sitePolygon.provider";
+import { fetchPutV2TerrafundSitePolygonUuid } from "@/generated/apiComponents";
+import { SitePolygon } from "@/generated/apiSchemas";
+
+const dropdownOptionsRestoration = [
+  {
+    title: "Tree Planting",
+    value: "Tree Planting"
+  },
+  {
+    title: "Direct Seeding",
+    value: "Direct Seeding"
+  },
+  {
+    title: "Assisted Natural Regeneration",
+    value: "Assisted Natural Regeneration"
+  }
+];
+const dropdownOptionsTarget = [
+  {
+    title: "Agroforest",
+    value: "Agroforest"
+  },
+  {
+    title: "Natural Forest",
+    value: "Natural Forest"
+  },
+  {
+    title: "Mangrove",
+    value: "Mangrove"
+  },
+  {
+    title: "Peatland",
+    value: "Peatland"
+  },
+  {
+    title: "Riparian Area or Wetland",
+    value: "Riparian Area or Wetland"
+  },
+  {
+    title: "Silvopasture",
+    value: "Silvopasture"
+  },
+  {
+    title: "Woodlot or Plantation",
+    value: "Woodlot or Plantation"
+  },
+  {
+    title: "Urban Forest",
+    value: "Urban Forest"
+  }
+];
+
+const dropdownOptionsTree = [
+  {
+    title: "Single Line",
+    value: "Single Line"
+  },
+  {
+    title: "Partial",
+    value: "Partial"
+  },
+  {
+    title: "Full Coverage",
+    value: "Full Coverage"
+  }
+];
+const AttributeInformation = ({ selectedPolygon }: { selectedPolygon: SitePolygon }) => {
+  const [polygonName, setPolygonName] = useState<string>();
+  const [plantStartDate, setPlantStartDate] = useState<string>();
+  const [plantEndDate, setPlantEndDate] = useState<string>();
+  const [restorationPractice, setRestorationPractice] = useState<string[]>([]);
+  const [targetLandUseSystem, setTargetLandUseSystem] = useState<string[]>([]);
+  const [treeDistribution, setTreeDistribution] = useState<string[]>([]);
+  const [treesPlanted, setTreesPlanted] = useState(selectedPolygon?.num_trees);
+  const [calculatedArea, setCalculatedArea] = useState<number>(selectedPolygon?.calc_area ?? 0);
+  const [formattedArea, setFormattedArea] = useState<string>();
+  const contextSite = useSitePolygonData();
+  const reloadSiteData = contextSite?.reloadSiteData;
+
+  const t = useT();
+
+  useEffect(() => {
+    setPolygonName(selectedPolygon?.poly_name ?? "");
+    setPlantStartDate(selectedPolygon?.plantstart ?? "");
+    setPlantEndDate(selectedPolygon?.plantend ?? "");
+    setTreesPlanted(selectedPolygon?.num_trees ?? 0);
+    setCalculatedArea(selectedPolygon?.calc_area ?? 0);
+    const restorationPracticeArray = selectedPolygon?.practice
+      ? selectedPolygon?.practice.split(",").map(function (item) {
+          return item.trim();
+        })
+      : [];
+    setRestorationPractice(restorationPracticeArray);
+
+    const targetLandUseSystemArray = selectedPolygon?.target_sys
+      ? selectedPolygon?.target_sys.split(",").map(function (item) {
+          return item.trim();
+        })
+      : [];
+    setTargetLandUseSystem(targetLandUseSystemArray);
+
+    const treeDistributionArray = selectedPolygon?.distr
+      ? selectedPolygon?.distr.split(",").map(function (item) {
+          return item.trim();
+        })
+      : [];
+    setTreeDistribution(treeDistributionArray);
+  }, [selectedPolygon]);
+
+  useEffect(() => {
+    const format =
+      calculatedArea?.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }) ?? "";
+    setFormattedArea(format ?? "");
+  }, [calculatedArea]);
+
+  const savePolygonData = async () => {
+    if (selectedPolygon?.uuid) {
+      const restorationPracticeToSend = restorationPractice.join(", ");
+      const landUseSystemToSend = targetLandUseSystem.join(", ");
+      const treeDistributionToSend = treeDistribution.join(", ");
+      const updatedPolygonData = {
+        poly_name: polygonName,
+        plantstart: plantStartDate,
+        plantend: plantEndDate,
+        practice: restorationPracticeToSend,
+        target_sys: landUseSystemToSend,
+        distr: treeDistributionToSend,
+        num_trees: treesPlanted
+      };
+      try {
+        await fetchPutV2TerrafundSitePolygonUuid({
+          body: updatedPolygonData,
+          pathParams: { uuid: selectedPolygon.uuid }
+        });
+        reloadSiteData?.();
+      } catch (error) {
+        console.error("Error updating polygon data:", error);
+      }
+    }
+  };
+
+  return (
+    <div className="flex flex-col gap-4">
+      <Input
+        label="Polygon Name"
+        labelClassName="capitalize"
+        labelVariant="text-14-light"
+        placeholder="Input Polygon Name"
+        type="text"
+        name=""
+        value={polygonName}
+        onChangeCapture={e => setPolygonName((e.target as HTMLInputElement).value)}
+      />
+      <label className="flex flex-col gap-2">
+        <Text variant="text-14-light">Plant Start Date</Text>
+        <input
+          type="date"
+          className="rounded-lg border-neutral-200 focus:border-primary focus:shadow-none focus:ring-transparent"
+          placeholder="Input Plant Start Date"
+          value={plantStartDate}
+          onChange={e => setPlantStartDate(e.target.value)}
+        />
+      </label>
+      <label className="flex flex-col gap-2">
+        <Text variant="text-14-light">Plant End Date</Text>
+        <input
+          type="date"
+          className="rounded-lg border-neutral-200 focus:border-primary focus:shadow-none focus:ring-transparent"
+          placeholder="Input Plant Start Date"
+          value={plantEndDate}
+          onChange={e => setPlantEndDate(e.target.value)}
+        />
+      </label>
+      <Dropdown
+        label="Restoration Practice"
+        labelClassName="capitalize"
+        labelVariant="text-14-light"
+        placeholder="Select Restoration Practice"
+        multiSelect
+        value={restorationPractice}
+        onChange={e => setRestorationPractice(e as string[])}
+        options={dropdownOptionsRestoration}
+      />
+      <Dropdown
+        label="Target Land Use System"
+        labelClassName="capitalize"
+        labelVariant="text-14-light"
+        placeholder="Select Target Land Use System"
+        options={dropdownOptionsTarget}
+        value={targetLandUseSystem}
+        onChange={e => setTargetLandUseSystem(e as string[])}
+      />
+      <Dropdown
+        multiSelect
+        label="Tree Distribution"
+        labelClassName="capitalize"
+        labelVariant="text-14-light"
+        placeholder="Select Tree Distribution"
+        options={dropdownOptionsTree}
+        value={treeDistribution}
+        onChange={e => setTreeDistribution(e as string[])}
+      />
+      <Input
+        label="Trees Planted"
+        labelClassName="capitalize"
+        labelVariant="text-14-light"
+        placeholder="Input Trees Planted"
+        type="text"
+        format="number"
+        name=""
+        value={treesPlanted}
+        onChangeCapture={(e: React.ChangeEvent<HTMLInputElement>) => setTreesPlanted(Number(e.target.value))}
+      />
+      <Input
+        label="Calculated Area"
+        labelClassName="capitalize"
+        labelVariant="text-14-light"
+        placeholder="Input Calculated Area"
+        type="text"
+        format="number"
+        disabled
+        name=""
+        value={formattedArea + " ha"}
+        readOnly
+      />
+      <div className="mt-auto flex items-center justify-end gap-5">
+        <Button variant="semi-red" className="w-full">
+          {t("Close")}
+        </Button>
+        <Button
+          variant="semi-black"
+          className="w-full"
+          onClick={() => {
+            savePolygonData();
+          }}
+        >
+          {t("Save")}
+        </Button>
+      </div>
+    </div>
+  );
+};
+
+export default AttributeInformation;
diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/PolygonReviewButtons.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/PolygonReviewButtons.tsx
new file mode 100644
index 000000000..1b422ff9c
--- /dev/null
+++ b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/PolygonReviewButtons.tsx
@@ -0,0 +1,109 @@
+import React from "react";
+
+import Button from "@/components/elements/Button/Button";
+import Menu from "@/components/elements/Menu/Menu";
+import StepProgressbar from "@/components/elements/ProgressBar/StepProgressbar/StepProgressbar";
+import Text from "@/components/elements/Text/Text";
+import { IconNames } from "@/components/extensive/Icon/Icon";
+import { useSitePolygonData } from "@/context/sitePolygon.provider";
+
+const PolygonReviewButtons = ({
+  openFormModalHandlerAddPolygon,
+  downloadSiteGeoJsonPolygons,
+  openFormModalHandlerSubmitPolygon,
+  record,
+  openFormModalHandlerUploadImages
+}: {
+  openFormModalHandlerAddPolygon: () => void;
+  downloadSiteGeoJsonPolygons: (uuid: string) => void;
+  openFormModalHandlerSubmitPolygon: () => void;
+  record: { uuid: string };
+  openFormModalHandlerUploadImages: () => void;
+}) => {
+  const context = useSitePolygonData();
+  const { toggleUserDrawing } = context ?? {};
+
+  const addMenuItems = [
+    {
+      id: "1",
+      render: () => <Text variant="text-12-bold">Create Polygons</Text>,
+      onClick: () => toggleUserDrawing?.(true)
+    },
+    {
+      id: "2",
+      render: () => <Text variant="text-12-bold">Add Polygon Data</Text>,
+      onClick: openFormModalHandlerAddPolygon
+    },
+    {
+      id: "3",
+      render: () => <Text variant="text-12-bold">Upload Images</Text>,
+      onClick: openFormModalHandlerUploadImages
+    }
+  ];
+
+  const polygonStatusLabels = [
+    { id: "1", label: "Draft" },
+    { id: "2", label: "Awaiting Approval" },
+    { id: "3", label: "Needs More Information" },
+    { id: "4", label: "Planting In Progress" },
+    { id: "5", label: "Approved" }
+  ];
+
+  return (
+    <div className="flex items-start gap-3">
+      <div className="w-full">
+        <div className="mb-2">
+          <Text variant="text-16-bold" className="mb-2 text-darkCustom">
+            Polygon Review
+          </Text>
+          <Text variant="text-14-light" className="text-darkCustom">
+            Add, remove or edit polygons that are associated to a site. Polygons may be edited in the map below;
+            exported, modified in QGIS or ArcGIS and imported again; or fed through the mobile application.
+          </Text>
+        </div>
+        <div className="flex gap-3">
+          <Menu menu={addMenuItems} className="flex-1">
+            <Button
+              variant="sky-page-admin"
+              className="h-fit w-full whitespace-nowrap"
+              iconProps={{
+                className: "w-4 h-4",
+                name: IconNames.PLUS_PA
+              }}
+            >
+              Add Data
+            </Button>
+          </Menu>
+          <Button
+            variant="white-page-admin"
+            className="flex-1"
+            iconProps={{
+              className: "w-4 h-4 group-hover-text-primary-500",
+              name: IconNames.DOWNLOAD_PA
+            }}
+            onClick={() => {
+              downloadSiteGeoJsonPolygons(record.uuid);
+            }}
+          >
+            Download
+          </Button>
+          <Button className="flex-1 px-3" onClick={openFormModalHandlerSubmitPolygon}>
+            <Text variant="text-14-bold" className="text-white">
+              approve polygons
+            </Text>
+          </Button>
+        </div>
+      </div>
+      <div className="mt-4 w-full rounded-lg border border-grey-750 p-4">
+        <Text variant="text-14" className="mb-3 text-blueCustom-250">
+          Site Status
+        </Text>
+        <div className="h-fit w-full">
+          <StepProgressbar color="primary" value={50} labels={polygonStatusLabels} labelVariant="text-10" />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default PolygonReviewButtons;
diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonReviewAside/index.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonReviewAside/index.tsx
new file mode 100644
index 000000000..9dbf3c45a
--- /dev/null
+++ b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonReviewAside/index.tsx
@@ -0,0 +1,25 @@
+import { Stack } from "@mui/material";
+
+import Polygons, { IpolygonFromMap, IPolygonItem } from "../Polygons";
+
+interface SitePolygonReviewAsideProps {
+  data: IPolygonItem[];
+  polygonFromMap?: IpolygonFromMap;
+  setPolygonFromMap?: any;
+  refresh?: () => void;
+  mapFunctions: any;
+}
+
+const SitePolygonReviewAside = (props: SitePolygonReviewAsideProps) => (
+  <Stack gap={8} className="h-full">
+    <Polygons
+      menu={props?.data}
+      polygonFromMap={props?.polygonFromMap}
+      setPolygonFromMap={props?.setPolygonFromMap}
+      refresh={props?.refresh}
+      mapFunctions={props?.mapFunctions}
+    />
+  </Stack>
+);
+
+export default SitePolygonReviewAside;
diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonStatus/StatusDisplay.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonStatus/StatusDisplay.tsx
index a5aae6936..c73258dbd 100644
--- a/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonStatus/StatusDisplay.tsx
+++ b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonStatus/StatusDisplay.tsx
@@ -82,6 +82,8 @@ export interface StatusProps {
   name: any;
   refetchPolygon?: any;
   setSelectedPolygon?: any;
+  tab?: string;
+  checkPolygonsSite?: any;
 }
 
 const menuOptionsMap = {
diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/components/Polygons.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/components/Polygons.tsx
new file mode 100644
index 000000000..a5eba0889
--- /dev/null
+++ b/src/admin/components/ResourceTabs/PolygonReviewTab/components/Polygons.tsx
@@ -0,0 +1,239 @@
+import React, { useEffect, useRef, useState } from "react";
+
+import Button from "@/components/elements/Button/Button";
+import Drawer from "@/components/elements/Drawer/Drawer";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_LEFT_BOTTOM } from "@/components/elements/Menu/MenuVariant";
+import { MENU_ITEM_VARIANT_DIVIDER } from "@/components/elements/MenuItem/MenuItemVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon from "@/components/extensive/Icon/Icon";
+import { IconNames } from "@/components/extensive/Icon/Icon";
+import ModalConfirm from "@/components/extensive/Modal/ModalConfirm";
+import { useModalContext } from "@/context/modal.provider";
+import { useSitePolygonData } from "@/context/sitePolygon.provider";
+import {
+  fetchDeleteV2TerrafundPolygonUuid,
+  fetchGetV2TerrafundGeojsonComplete,
+  fetchGetV2TerrafundPolygonBboxUuid
+} from "@/generated/apiComponents";
+
+import PolygonDrawer from "./PolygonDrawer/PolygonDrawer";
+
+export interface IPolygonItem {
+  id: string;
+  status: "draft" | "submitted" | "approved" | "needs-more-information";
+  label: string;
+  uuid: string;
+}
+
+export interface IpolygonFromMap {
+  isOpen: boolean;
+  uuid: string;
+}
+export interface IPolygonProps {
+  menu: IPolygonItem[];
+  polygonFromMap?: IpolygonFromMap;
+  setPolygonFromMap?: any;
+  refresh?: () => void;
+  mapFunctions: any;
+}
+const statusColor = {
+  draft: "bg-pinkCustom",
+  submitted: "bg-blue",
+  approved: "bg-green",
+  "needs-more-information": "bg-tertiary-600"
+};
+
+export const polygonData = [
+  { id: "1", name: "Site-polygon001.geojson", status: "We are processing your polygon", isUploaded: false },
+  { id: "2", name: "Site-polygon002.geojson", status: "We are processing your polygon", isUploaded: false },
+  { id: "3", name: "Site-polygon003.geojson", status: "We are processing your polygon", isUploaded: true },
+  { id: "4", name: "Site-polygon004.geojson", status: "We are processing your polygon", isUploaded: true },
+  { id: "5", name: "Site-polygon005.geojson", status: "We are processing your polygon", isUploaded: true }
+];
+
+const Polygons = (props: IPolygonProps) => {
+  const [isOpenPolygonDrawer, setIsOpenPolygonDrawer] = useState(false);
+  const [polygonMenu, setPolygonMenu] = useState<IPolygonItem[]>(props.menu);
+  const { polygonFromMap, setPolygonFromMap, mapFunctions } = props;
+  const { map } = mapFunctions;
+  const containerRef = useRef<HTMLDivElement>(null);
+  const { openModal, closeModal } = useModalContext();
+  const [selectedPolygon, setSelectedPolygon] = useState<IPolygonItem>();
+  const [isPolygonStatusOpen, setIsPolygonStatusOpen] = useState(false);
+  const context = useSitePolygonData();
+  const reloadSiteData = context?.reloadSiteData;
+  const { toggleUserDrawing } = context ?? {};
+
+  useEffect(() => {
+    setPolygonMenu(props.menu);
+  }, [props.menu]);
+
+  useEffect(() => {
+    if (polygonFromMap?.isOpen) {
+      const newSelectedPolygon = polygonMenu.find(polygon => polygon.uuid === polygonFromMap.uuid);
+      setSelectedPolygon(newSelectedPolygon);
+      setIsOpenPolygonDrawer(true);
+    } else {
+      setIsOpenPolygonDrawer(false);
+      setSelectedPolygon(undefined);
+    }
+  }, [polygonFromMap, polygonMenu]);
+
+  const downloadGeoJsonPolygon = async (polygon: IPolygonItem) => {
+    const polygonGeojson = await fetchGetV2TerrafundGeojsonComplete({
+      queryParams: { uuid: polygon.uuid }
+    });
+    const blob = new Blob([JSON.stringify(polygonGeojson)], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = `polygon.geojson`;
+    link.click();
+    URL.revokeObjectURL(url);
+  };
+
+  const flyToPolygonBounds = async (polygon: IPolygonItem) => {
+    const bbox = await fetchGetV2TerrafundPolygonBboxUuid({ pathParams: { uuid: polygon.uuid } });
+    const bounds: any = bbox.bbox;
+    if (!map.current) {
+      return;
+    }
+    map.current.fitBounds(bounds, {
+      padding: 100,
+      linear: false
+    });
+  };
+
+  const deletePolygon = async (polygon: IPolygonItem) => {
+    const response: any = await fetchDeleteV2TerrafundPolygonUuid({ pathParams: { uuid: polygon.uuid } });
+    if (response?.uuid) {
+      reloadSiteData?.();
+      closeModal();
+    }
+  };
+
+  const openFormModalHandlerConfirm = (item: any) => {
+    openModal(
+      <ModalConfirm
+        title={"Confirm Polygon Deletion"}
+        content="Do you want to delete this polygon?"
+        onClose={closeModal}
+        onConfirm={() => {
+          deletePolygon(item);
+        }}
+      />
+    );
+  };
+
+  const polygonMenuItems = (item: any) => [
+    {
+      id: "1",
+      render: () => (
+        <div className="flex w-full items-center gap-2">
+          <Icon name={IconNames.POLYGON} className="h-6 w-6" />
+          <Text variant="text-12-bold">Edit Polygon</Text>
+        </div>
+      ),
+      onClick: () => {
+        setSelectedPolygon(item);
+        setPolygonFromMap({ isOpen: true, uuid: item.uuid });
+        setIsOpenPolygonDrawer(true);
+        setIsPolygonStatusOpen(false);
+      }
+    },
+    {
+      id: "2",
+      render: () => (
+        <div className="flex items-center gap-2">
+          <Icon name={IconNames.SEARCH_PA} className="h-6 w-6" />
+          <Text variant="text-12-bold">Zoom to</Text>
+        </div>
+      ),
+      onClick: () => {
+        flyToPolygonBounds(item);
+      }
+    },
+    {
+      id: "3",
+      render: () => (
+        <div className="flex items-center gap-2">
+          <Icon name={IconNames.DOWNLOAD_PA} className="h-6 w-6" />
+          <Text variant="text-12-bold">Download</Text>
+        </div>
+      ),
+      onClick: () => {
+        downloadGeoJsonPolygon(item);
+      }
+    },
+    {
+      id: "4",
+      render: () => (
+        <div className="flex items-center gap-2">
+          <Icon name={IconNames.COMMENT} className="h-6 w-6" />
+          <Text variant="text-12-bold">Comment</Text>
+        </div>
+      ),
+      onClick: () => {
+        setSelectedPolygon(item);
+        setIsOpenPolygonDrawer(true);
+        setIsPolygonStatusOpen(true);
+      }
+    },
+    {
+      id: "5",
+      render: () => <div className="h-[1px] w-full bg-grey-750" />,
+      MenuItemVariant: MENU_ITEM_VARIANT_DIVIDER
+    },
+    {
+      id: "6",
+      render: () => (
+        <div className="flex items-center gap-2">
+          <Icon name={IconNames.TRASH_PA} className="h-6 w-6" />
+          <Text variant="text-12-bold">Delete Polygon</Text>
+        </div>
+      ),
+      onClick: () => {
+        openFormModalHandlerConfirm(item);
+      }
+    }
+  ];
+
+  return (
+    <div>
+      <Drawer isOpen={isOpenPolygonDrawer} setIsOpen={setIsOpenPolygonDrawer} setPolygonFromMap={setPolygonFromMap}>
+        <PolygonDrawer
+          polygonSelected={selectedPolygon?.uuid ?? ""}
+          isPolygonStatusOpen={isPolygonStatusOpen}
+          refresh={props?.refresh}
+        />
+      </Drawer>
+      <div className="mb-4 flex items-center gap-1">
+        <Text variant="text-16-bold" className="pl-2 text-darkCustom">
+          Polygons
+        </Text>
+        <Button variant="text" onClick={() => toggleUserDrawing?.(true)}>
+          <Icon name={IconNames.PLUS_CIRCLE} className="h-4 w-4" />
+        </Button>
+      </div>
+      <div ref={containerRef} className="flex max-h-full max-h-screen flex-col overflow-auto">
+        {polygonMenu.map(item => (
+          <div
+            key={item.id}
+            className="flex items-center justify-between rounded-lg px-2 py-2 hover:cursor-pointer hover:bg-primary-200"
+          >
+            <div className="flex items-center gap-2">
+              <div className={`h-4 w-4 rounded-full ${statusColor[item.status]}`} />
+              <Text variant="text-14-light">{item.label}</Text>
+            </div>
+            <Menu container={containerRef.current} menu={polygonMenuItems(item)} placement={MENU_PLACEMENT_LEFT_BOTTOM}>
+              <Icon name={IconNames.ELIPSES} className="h-4 w-4" />
+            </Menu>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default Polygons;
diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx
new file mode 100644
index 000000000..54d5c06c5
--- /dev/null
+++ b/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx
@@ -0,0 +1,552 @@
+import { Grid, Stack } from "@mui/material";
+import { LngLatBoundsLike } from "mapbox-gl";
+import { FC, useEffect, useState } from "react";
+import { TabbedShowLayout, TabProps, useShowContext } from "react-admin";
+
+import Button from "@/components/elements/Button/Button";
+import { VARIANT_FILE_INPUT_MODAL_ADD_IMAGES } from "@/components/elements/Inputs/FileInput/FileInputVariants";
+import { BBox } from "@/components/elements/Map-mapbox/GeoJSON";
+import { useMap } from "@/components/elements/Map-mapbox/hooks/useMap";
+import { MapContainer } from "@/components/elements/Map-mapbox/Map";
+import { addSourcesToLayers, mapPolygonData } from "@/components/elements/Map-mapbox/utils";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_RIGHT_BOTTOM, MENU_PLACEMENT_RIGHT_TOP } from "@/components/elements/Menu/MenuVariant";
+import Table from "@/components/elements/Table/Table";
+import { VARIANT_TABLE_SITE_POLYGON_REVIEW } from "@/components/elements/Table/TableVariants";
+import Text from "@/components/elements/Text/Text";
+import Icon from "@/components/extensive/Icon/Icon";
+import { IconNames } from "@/components/extensive/Icon/Icon";
+import ModalAdd from "@/components/extensive/Modal/ModalAdd";
+import ModalApprove from "@/components/extensive/Modal/ModalApprove";
+import ModalConfirm from "@/components/extensive/Modal/ModalConfirm";
+import { useModalContext } from "@/context/modal.provider";
+import { SitePolygonDataProvider } from "@/context/sitePolygon.provider";
+import {
+  fetchDeleteV2TerrafundPolygonUuid,
+  fetchGetV2TerrafundGeojsonSite,
+  fetchGetV2TerrafundPolygonBboxUuid,
+  fetchPostV2TerrafundPolygon,
+  fetchPostV2TerrafundSitePolygonUuidSiteUuid,
+  fetchPostV2TerrafundUploadGeojson,
+  fetchPostV2TerrafundUploadKml,
+  fetchPostV2TerrafundUploadShapefile,
+  useGetV2SitesSiteBbox,
+  useGetV2SitesSitePolygon
+} from "@/generated/apiComponents";
+import { PolygonBboxResponse, SitePolygon, SitePolygonsDataResponse } from "@/generated/apiSchemas";
+import { EntityName, FileType, UploadedFile } from "@/types/common";
+
+import SitePolygonReviewAside from "./components/PolygonReviewAside";
+import { IpolygonFromMap } from "./components/Polygons";
+import SitePolygonStatus from "./components/SitePolygonStatus/SitePolygonStatus";
+
+interface IProps extends Omit<TabProps, "label" | "children"> {
+  type: EntityName;
+  label: string;
+}
+export interface IPolygonItem {
+  id: string;
+  status: "draft" | "submitted" | "approved" | "needs-more-information";
+  label: string;
+  uuid: string;
+}
+
+interface TableItemMenuProps {
+  ellipse: boolean;
+  "planting-start-date": string | null;
+  "polygon-name": string;
+  "restoration-practice": string;
+  source?: string;
+  "target-land-use-system": string | null;
+  "tree-distribution": string | null;
+  uuid: string;
+}
+
+interface DeletePolygonProps {
+  uuid: string;
+  message: string;
+}
+
+const PolygonReviewAside: FC<{
+  type: EntityName;
+  data: IPolygonItem[];
+  polygonFromMap: IpolygonFromMap;
+  setPolygonFromMap: any;
+  refresh?: () => void;
+  mapFunctions: any;
+}> = ({ type, data, polygonFromMap, setPolygonFromMap, refresh, mapFunctions }) => {
+  switch (type) {
+    case "sites":
+      return (
+        <SitePolygonReviewAside
+          data={data}
+          polygonFromMap={polygonFromMap}
+          setPolygonFromMap={setPolygonFromMap}
+          mapFunctions={mapFunctions}
+          refresh={refresh}
+        />
+      );
+    default:
+      return null;
+  }
+};
+
+const PolygonReviewTab: FC<IProps> = props => {
+  const { isLoading: ctxLoading, record } = useShowContext();
+  const [files, setFiles] = useState<UploadedFile[]>([]);
+  const [saveFlags, setSaveFlags] = useState<boolean>(false);
+  const [isUserDrawing, setIsUserDrawing] = useState<boolean>(false);
+
+  const [polygonFromMap, setPolygonFromMap] = useState<IpolygonFromMap>({ isOpen: false, uuid: "" });
+
+  async function storePolygon(geojson: any, record: any) {
+    if (geojson?.length) {
+      const response = await fetchPostV2TerrafundPolygon({
+        body: { geometry: JSON.stringify(geojson[0].geometry) }
+      });
+      const polygonUUID = response.uuid;
+      if (polygonUUID) {
+        const site_id = record.uuid;
+        await fetchPostV2TerrafundSitePolygonUuidSiteUuid({
+          body: {},
+          pathParams: { uuid: polygonUUID, siteUuid: site_id }
+        }).then(() => {
+          refetch();
+          setPolygonFromMap({ uuid: polygonUUID, isOpen: true });
+        });
+      }
+    }
+  }
+
+  const mapFunctions = useMap(storePolygon);
+
+  const { data: sitePolygonData, refetch } = useGetV2SitesSitePolygon<SitePolygonsDataResponse>({
+    pathParams: {
+      site: record.uuid
+    }
+  });
+
+  const { data: sitePolygonBbox, refetch: refetchSiteBbox } = useGetV2SitesSiteBbox({
+    pathParams: {
+      site: record.uuid
+    }
+  });
+
+  const siteBbox = sitePolygonBbox?.bbox as BBox;
+  const sitePolygonDataTable = (sitePolygonData ?? []).map((data: SitePolygon, index) => ({
+    "polygon-name": data.poly_name ?? `Unnamed Polygon`,
+    "restoration-practice": data.practice,
+    "target-land-use-system": data.target_sys,
+    "tree-distribution": data.distr,
+    "planting-start-date": data.plantstart,
+    source: data.org_name,
+    uuid: data.poly_id,
+    ellipse: index === ((sitePolygonData ?? []) as SitePolygon[]).length - 1
+  }));
+
+  const transformedSiteDataForList = (sitePolygonData ?? []).map((data: SitePolygon, index: number) => ({
+    id: (index + 1).toString(),
+    status: data.status,
+    label: data.poly_name ?? `Unnamed Polygon`,
+    uuid: data.poly_id
+  }));
+
+  const polygonDataMap = mapPolygonData(sitePolygonData);
+
+  const { openModal, closeModal } = useModalContext();
+
+  const flyToPolygonBounds = async (uuid: string) => {
+    const bbox: PolygonBboxResponse = await fetchGetV2TerrafundPolygonBboxUuid({ pathParams: { uuid } });
+    const bboxArray = bbox?.bbox;
+    const { map } = mapFunctions;
+    if (bboxArray && map?.current) {
+      const bounds: LngLatBoundsLike = [
+        [bboxArray[0], bboxArray[1]],
+        [bboxArray[2], bboxArray[3]]
+      ];
+      map.current.fitBounds(bounds, {
+        padding: 100,
+        linear: false
+      });
+    } else {
+      console.error("Bounding box is not in the expected format");
+    }
+  };
+
+  const deletePolygon = (uuid: string) => {
+    fetchDeleteV2TerrafundPolygonUuid({ pathParams: { uuid } })
+      .then((response: DeletePolygonProps | undefined) => {
+        if (response && response?.uuid) {
+          reloadSiteData?.();
+          const { map } = mapFunctions;
+          if (map?.current) {
+            addSourcesToLayers(map.current, polygonDataMap);
+          }
+          closeModal();
+        }
+      })
+      .catch(error => {
+        console.error("Error deleting polygon:", error);
+      });
+  };
+
+  const openFormModalHandlerConfirmDeletion = (uuid: string) => {
+    openModal(
+      <ModalConfirm
+        title={"Confirm Polygon Deletion"}
+        content="Do you want to delete this polygon?"
+        onClose={closeModal}
+        onConfirm={() => {
+          deletePolygon(uuid);
+        }}
+      />
+    );
+  };
+
+  const downloadSiteGeoJsonPolygons = async (siteUuid: string) => {
+    const polygonGeojson = await fetchGetV2TerrafundGeojsonSite({
+      queryParams: { uuid: siteUuid }
+    });
+    const blob = new Blob([JSON.stringify(polygonGeojson)], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = `SitePolygons.geojson`;
+    link.click();
+    URL.revokeObjectURL(url);
+  };
+
+  useEffect(() => {
+    if (files && files.length > 0 && saveFlags) {
+      uploadFiles();
+      setSaveFlags(false);
+    }
+  }, [files, saveFlags]);
+
+  const uploadFiles = async () => {
+    const uploadPromises = [];
+
+    for (const file of files) {
+      const fileToUpload = file.rawFile as File;
+      const site_uuid = record.uuid;
+      const formData = new FormData();
+      const fileType = getFileType(file);
+      formData.append("file", fileToUpload);
+      formData.append("uuid", site_uuid);
+      let newRequest: any = formData;
+
+      switch (fileType) {
+        case "geojson":
+          uploadPromises.push(fetchPostV2TerrafundUploadGeojson({ body: newRequest }));
+          break;
+        case "shapefile":
+          uploadPromises.push(fetchPostV2TerrafundUploadShapefile({ body: newRequest }));
+          break;
+        case "kml":
+          uploadPromises.push(fetchPostV2TerrafundUploadKml({ body: newRequest }));
+          break;
+        default:
+          break;
+      }
+    }
+
+    await Promise.all(uploadPromises);
+
+    refetch();
+    refetchSiteBbox();
+    closeModal();
+  };
+
+  const getFileType = (file: UploadedFile) => {
+    const fileType = file?.file_name.split(".").pop()?.toLowerCase();
+    if (fileType === "geojson") return "geojson";
+    if (fileType === "zip") return "shapefile";
+    if (fileType === "kml") return "kml";
+    return null;
+  };
+  const openFormModalHandlerAddPolygon = () => {
+    openModal(
+      <ModalAdd
+        title="Add Polygons"
+        descriptionInput={`Drag and drop a GeoJSON, Shapefile, or KML for your site ${record.name}.`}
+        descriptionList={
+          <div className="mt-9 flex">
+            <Text variant="text-12-bold">TerraMatch upload limits:&nbsp;</Text>
+            <Text variant="text-12-light">50 MB per upload</Text>
+          </div>
+        }
+        onClose={closeModal}
+        content="Start by adding polygons to your site."
+        primaryButtonText="Save"
+        primaryButtonProps={{ className: "px-8 py-3", variant: "primary", onClick: () => setSaveFlags(true) }}
+        acceptedTYpes={FileType.ShapeFiles.split(",") as FileType[]}
+        setFile={setFiles}
+      />
+    );
+  };
+  const reloadSiteData = () => {
+    refetch();
+  };
+  const openFormModalHandlerConfirm = () => {
+    openModal(
+      <ModalConfirm
+        title={"Confirm Polygon Approval"}
+        content={contentForApproval}
+        commentArea
+        onClose={closeModal}
+        onConfirm={() => {}}
+      />
+    );
+  };
+
+  const openFormModalHandlerUploadImages = () => {
+    openModal(
+      <ModalAdd
+        title="Upload Images"
+        variantFileInput={VARIANT_FILE_INPUT_MODAL_ADD_IMAGES}
+        descriptionInput={`Drag and drop a geotagged or non-geotagged PNG, GIF or JPEG for your site ${record.name}.`}
+        descriptionList={
+          <Text variant="text-12-bold" className="mt-9 ">
+            Uploaded Files
+          </Text>
+        }
+        onClose={closeModal}
+        content="Start by adding images for processing."
+        primaryButtonText="Save"
+        primaryButtonProps={{ className: "px-8 py-3", variant: "primary", onClick: closeModal }}
+      />
+    );
+  };
+
+  const openFormModalHandlerSubmitPolygon = () => {
+    openModal(
+      <ModalApprove
+        title="Approve Polygons"
+        onClose={closeModal}
+        content="Administrators may approve polygons only if all checks pass."
+        primaryButtonText="Next"
+        primaryButtonProps={{
+          className: "px-8 py-3",
+          variant: "primary",
+          onClick: () => {
+            closeModal();
+            openFormModalHandlerConfirm();
+          }
+        }}
+        secondaryButtonText="Cancel"
+        secondaryButtonProps={{ className: "px-8 py-3", variant: "white-page-admin", onClick: closeModal }}
+      />
+    );
+  };
+
+  const isLoading = ctxLoading;
+
+  if (isLoading) return null;
+
+  const addMenuItems = [
+    {
+      id: "1",
+      render: () => <Text variant="text-12-bold">Create Polygons</Text>,
+      onClick: () => setIsUserDrawing(true)
+    },
+    {
+      id: "2",
+      render: () => <Text variant="text-12-bold">Add Polygon Data</Text>,
+      onClick: openFormModalHandlerAddPolygon
+    },
+    {
+      id: "3",
+      render: () => <Text variant="text-12-bold">Upload Images</Text>,
+      onClick: openFormModalHandlerUploadImages
+    }
+  ];
+
+  const tableItemMenu = (props: TableItemMenuProps) => [
+    {
+      id: "1",
+      render: () => (
+        <div className="flex items-center gap-2" onClick={() => setPolygonFromMap({ isOpen: true, uuid: props.uuid })}>
+          <Icon name={IconNames.POLYGON} className="h-6 w-6" />
+          <Text variant="text-12-bold">Open Polygon</Text>
+        </div>
+      )
+    },
+    {
+      id: "2",
+      render: () => (
+        <div className="flex items-center gap-2" onClick={() => flyToPolygonBounds(props.uuid)}>
+          <Icon name={IconNames.SEARCH_PA} className="h-6 w-6" />
+          <Text variant="text-12-bold">Zoom to</Text>
+        </div>
+      )
+    },
+    {
+      id: "3",
+      render: () => (
+        <div className="flex items-center gap-2" onClick={() => openFormModalHandlerConfirmDeletion(props.uuid)}>
+          <Icon name={IconNames.TRASH_PA} className="h-6 w-6" />
+          <Text variant="text-12-bold">Delete Polygon</Text>
+        </div>
+      )
+    }
+  ];
+
+  const contentForApproval = (
+    <Text variant="text-12-light" as="p" className="text-center">
+      Are you sure you want to approve the polygons for&nbsp;
+      <b style={{ fontSize: "inherit" }}>{record.name}</b>?
+    </Text>
+  );
+
+  return (
+    <SitePolygonDataProvider sitePolygonData={sitePolygonData} reloadSiteData={reloadSiteData}>
+      <TabbedShowLayout.Tab {...props}>
+        <Grid spacing={2} container>
+          <Grid xs={9}>
+            <Stack gap={4} className="pl-8 pt-9">
+              <div className="flex items-start gap-3">
+                <div className="w-full">
+                  <div className="mb-2">
+                    <Text variant="text-16-bold" className="mb-2 text-darkCustom">
+                      Polygon Review
+                    </Text>
+                    <Text variant="text-14-light" className="text-darkCustom">
+                      Add, remove or edit polygons that are associated to a site. Polygons may be edited in the map
+                      below; exported, modified in QGIS or ArcGIS and imported again; or fed through the mobile
+                      application.
+                    </Text>
+                  </div>
+                  <div className="flex gap-3">
+                    <Menu menu={addMenuItems} className="flex-1">
+                      <Button
+                        variant="sky-page-admin"
+                        className="h-fit w-full whitespace-nowrap"
+                        iconProps={{
+                          className: "w-4 h-4",
+                          name: IconNames.PLUS_PA
+                        }}
+                      >
+                        Add Data
+                      </Button>
+                    </Menu>
+                    <Button
+                      variant="white-page-admin"
+                      className="flex-1"
+                      iconProps={{
+                        className: "w-4 h-4 group-hover-text-primary-500",
+                        name: IconNames.DOWNLOAD_PA
+                      }}
+                      onClick={() => {
+                        downloadSiteGeoJsonPolygons(record.uuid);
+                      }}
+                    >
+                      Download
+                    </Button>
+                    <Button className="flex-1 px-3" onClick={openFormModalHandlerSubmitPolygon}>
+                      <Text variant="text-14-bold" className="text-white">
+                        approve polygons
+                      </Text>
+                    </Button>
+                  </div>
+                </div>
+                <div className="mt-4 w-full rounded-lg border border-grey-750 p-4">
+                  <Text variant="text-14" className="mb-3 text-blueCustom-250">
+                    Site Status
+                  </Text>
+                  <div className="h-fit w-full">
+                    <SitePolygonStatus statusLabel={record.readable_status} />
+                  </div>
+                </div>
+              </div>
+              <MapContainer
+                record={record}
+                polygonsData={polygonDataMap}
+                bbox={siteBbox}
+                className="rounded-lg"
+                status={true}
+                setPolygonFromMap={setPolygonFromMap}
+                polygonFromMap={polygonFromMap}
+                isUserDrawing={isUserDrawing}
+                setIsUserDrawing={setIsUserDrawing}
+                showPopups
+                showLegend
+                mapFunctions={mapFunctions}
+                tooltipType="edit"
+                sitePolygonData={sitePolygonData}
+              />
+              <div className="mb-6">
+                <div className="mb-4">
+                  <Text variant="text-16-bold" className="mb-2 text-darkCustom">
+                    Site Attribute Table
+                  </Text>
+                  <Text variant="text-14-light" className="text-darkCustom">
+                    Edit attribute table for all polygons quickly through the table below. Alternatively, open a polygon
+                    and edit the attributes in the map above.
+                  </Text>
+                </div>
+                <Table
+                  variant={VARIANT_TABLE_SITE_POLYGON_REVIEW}
+                  hasPagination={false}
+                  classNameWrapper="max-h-[176px]"
+                  columns={[
+                    { header: "Polygon Name", accessorKey: "polygon-name" },
+                    {
+                      header: "Restoration Practice",
+                      accessorKey: "restoration-practice",
+                      cell: props => {
+                        const placeholder = props.getValue() as string;
+                        return (
+                          <input
+                            placeholder={placeholder}
+                            className="w-[118px] px-[10px] outline-primary placeholder:text-[currentColor]"
+                          />
+                        );
+                      }
+                    },
+                    { header: "Target Land Use System", accessorKey: "target-land-use-system" },
+                    { header: "Tree Distribution", accessorKey: "tree-distribution" },
+                    { header: "Planting Start Date", accessorKey: "planting-start-date" },
+                    { header: "Source", accessorKey: "source" },
+                    {
+                      header: "",
+                      accessorKey: "ellipse",
+                      enableSorting: false,
+                      cell: props => (
+                        <Menu
+                          menu={tableItemMenu(props?.row?.original as TableItemMenuProps)}
+                          placement={
+                            (props.getValue() as boolean) ? MENU_PLACEMENT_RIGHT_TOP : MENU_PLACEMENT_RIGHT_BOTTOM
+                          }
+                        >
+                          <div className="rounded p-1 hover:bg-primary-200">
+                            <Icon
+                              name={IconNames.ELIPSES}
+                              className="roudn h-4 w-4 rounded-sm text-grey-720 hover:bg-primary-200"
+                            />
+                          </div>
+                        </Menu>
+                      )
+                    }
+                  ]}
+                  data={sitePolygonDataTable}
+                ></Table>
+              </div>
+            </Stack>
+          </Grid>
+          <Grid xs={3} className="pl-8 pr-4 pt-9">
+            <PolygonReviewAside
+              type={props.type}
+              data={transformedSiteDataForList as IPolygonItem[]}
+              polygonFromMap={polygonFromMap}
+              setPolygonFromMap={setPolygonFromMap}
+              mapFunctions={mapFunctions}
+              refresh={refetch}
+            />
+          </Grid>
+        </Grid>
+      </TabbedShowLayout.Tab>
+    </SitePolygonDataProvider>
+  );
+};
+
+export default PolygonReviewTab;
diff --git a/src/admin/modules/sites/components/SiteShow.tsx b/src/admin/modules/sites/components/SiteShow.tsx
index b6a76ce08..e621dbad9 100644
--- a/src/admin/modules/sites/components/SiteShow.tsx
+++ b/src/admin/modules/sites/components/SiteShow.tsx
@@ -7,6 +7,7 @@ import ChangeRequestsTab from "@/admin/components/ResourceTabs/ChangeRequestsTab
 import DocumentTab from "@/admin/components/ResourceTabs/DocumentTab/DocumentTab";
 import GalleryTab from "@/admin/components/ResourceTabs/GalleryTab/GalleryTab";
 import InformationTab from "@/admin/components/ResourceTabs/InformationTab";
+import PolygonReviewTab from "@/admin/components/ResourceTabs/PolygonReviewTab";
 import ShowTitle from "@/admin/components/ShowTitle";
 
 const SiteShow: FC = () => {
@@ -17,6 +18,9 @@ const SiteShow: FC = () => {
     >
       <TabbedShowLayout>
         <InformationTab type="sites" />
+        <TabbedShowLayout.Tab label="Polygon Review">
+          <PolygonReviewTab label="" type={"sites"} />
+        </TabbedShowLayout.Tab>
         <GalleryTab label="Site Gallery" entity="sites" />
         <DocumentTab label="Site Documents" entity="sites" />
         <ChangeRequestsTab entity="sites" singularEntity="site" />
diff --git a/src/assets/icons/ic-government.svg b/src/assets/icons/ic-government.svg
new file mode 100644
index 000000000..f38db0292
--- /dev/null
+++ b/src/assets/icons/ic-government.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.5 30C19.7032 30 19 30 19 30C19 30 15.4 30 7 30C7 23.3726 12.3726 18 19 18C22.2592 18 25.2148 19.2993 27.3774 21.4081" stroke="#092C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 17C22.3137 17 25 14.3137 25 11C25 7.68629 22.3137 5 19 5C15.6863 5 13 7.68629 13 11C13 14.3137 15.6863 17 19 17Z" stroke="#092C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31 35C34.866 35 38 31.866 38 28C38 24.134 34.866 21 31 21C27.134 21 24 24.134 24 28C24 31.866 27.134 35 31 35Z" stroke="#092C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M34.9995 30.0589H34.529V26.765H34.9995C35.2023 26.765 35.3816 26.6356 35.4456 26.4431C35.5101 26.2511 35.4437 26.0394 35.2814 25.9179L31.5169 23.0946C31.3499 22.9685 31.1198 22.9685 30.9527 23.0946L27.1882 25.9179C27.0264 26.0394 26.96 26.2511 27.0245 26.4431C27.0885 26.6356 27.2677 26.765 27.4706 26.765H27.9411V30.0589H27.4706C27.2103 30.0589 27 30.2692 27 30.5294C27 30.7897 27.2103 31 27.4706 31H34.9995C35.2598 31 35.4701 30.7897 35.4701 30.5294C35.4701 30.2692 35.2598 30.0589 34.9995 30.0589ZM31.235 24.0592L33.5878 25.8238H28.8822L31.235 24.0592ZM28.8822 30.0589V26.765H29.8234V30.0589H28.8822ZM30.7645 30.0589V26.765H31.7056V30.0589H30.7645ZM32.6467 30.0589V26.765H33.5878V30.0589H32.6467Z" fill="#092C3C"/>
+</svg>
diff --git a/src/assets/icons/ic-investor.svg b/src/assets/icons/ic-investor.svg
new file mode 100644
index 000000000..01e0feffc
--- /dev/null
+++ b/src/assets/icons/ic-investor.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.5 30C19.7032 30 19 30 19 30C19 30 15.4 30 7 30C7 23.3726 12.3726 18 19 18C22.2592 18 25.2148 19.2993 27.3774 21.4081" stroke="#092C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 17C22.3137 17 25 14.3137 25 11C25 7.68629 22.3137 5 19 5C15.6863 5 13 7.68629 13 11C13 14.3137 15.6863 17 19 17Z" stroke="#092C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31 35C34.866 35 38 31.866 38 28C38 24.134 34.866 21 31 21C27.134 21 24 24.134 24 28C24 31.866 27.134 35 31 35Z" stroke="#092C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31.8182 24.8447H31.5045V24V23.95H31.4545H30.5455H30.4955V24V24.8447H30.1818C29.5112 24.8447 28.95 25.5058 28.95 26.2632V27.1579C28.95 27.9152 29.5112 28.5763 30.1818 28.5763H31.8636C31.9128 28.5763 31.9683 28.6055 32.0133 28.6577C32.0579 28.7093 32.0864 28.777 32.0864 28.8421V29.7368C32.0864 29.8019 32.0579 29.8696 32.0133 29.9213C31.9683 29.9734 31.9128 30.0026 31.8636 30.0026H30.1818C30.1327 30.0026 30.0772 29.9734 30.0322 29.9213C29.9876 29.8696 29.9591 29.8019 29.9591 29.7368V29.2632V29.2132H29.9091H29H28.95V29.2632V29.7368C28.95 30.4942 29.5112 31.1553 30.1818 31.1553H30.4955V32V32.05H30.5455H31.4545H31.5045V32V31.1553H31.8182C32.4888 31.1553 33.05 30.4942 33.05 29.7368V28.8421C33.05 28.0848 32.4888 27.4237 31.8182 27.4237H30.1364C30.0872 27.4237 30.0317 27.3945 29.9867 27.3423C29.9421 27.2907 29.9136 27.223 29.9136 27.1579V26.2632C29.9136 26.1981 29.9421 26.1304 29.9867 26.0787C30.0317 26.0266 30.0872 25.9974 30.1364 25.9974H31.8182C31.8673 25.9974 31.9228 26.0266 31.9678 26.0787C32.0124 26.1304 32.0409 26.1981 32.0409 26.2632V26.7368V26.7868H32.0909H33H33.05V26.7368V26.2632C33.05 25.4532 32.5342 24.8447 31.8182 24.8447Z" fill="#092C3C" stroke="#092C3C" stroke-width="0.1"/>
+</svg>
diff --git a/src/assets/icons/ic-projectdeveloper.svg b/src/assets/icons/ic-projectdeveloper.svg
new file mode 100644
index 000000000..bfab33728
--- /dev/null
+++ b/src/assets/icons/ic-projectdeveloper.svg
@@ -0,0 +1,13 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.5 30C19.7032 30 19 30 19 30C19 30 15.4 30 7 30C7 23.3726 12.3726 18 19 18C22.2592 18 25.2148 19.2993 27.3774 21.4081" stroke="#092C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 17C22.3137 17 25 14.3137 25 11C25 7.68629 22.3137 5 19 5C15.6863 5 13 7.68629 13 11C13 14.3137 15.6863 17 19 17Z" stroke="#092C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31 35C34.866 35 38 31.866 38 28C38 24.134 34.866 21 31 21C27.134 21 24 24.134 24 28C24 31.866 27.134 35 31 35Z" stroke="#092C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<g clip-path="url(#clip0_1807_19833)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.3088 30.6765V31.4706H33.4265C33.4967 31.4706 33.564 31.4985 33.6136 31.5481C33.6633 31.5978 33.6912 31.6651 33.6912 31.7353C33.6912 31.8055 33.6633 31.8728 33.6136 31.9225C33.564 31.9721 33.4967 32 33.4265 32H28.6618C28.5916 32 28.5242 31.9721 28.4746 31.9225C28.4249 31.8728 28.3971 31.8055 28.3971 31.7353C28.3971 31.6651 28.4249 31.5978 28.4746 31.5481C28.5242 31.4985 28.5916 31.4706 28.6618 31.4706H30.7794V30.6765H30.1176C28.948 30.6765 28 29.7286 28 28.5588C28 27.8734 28.3285 27.2456 28.8629 26.8525C28.7503 26.6404 28.6833 26.407 28.6662 26.1675C28.649 25.9279 28.6822 25.6874 28.7636 25.4614C28.8449 25.2354 28.9727 25.0289 29.1385 24.8552C29.3044 24.6815 29.5048 24.5444 29.7268 24.4527C29.7227 24.4098 29.7206 24.3667 29.7206 24.3235C29.7206 23.5925 30.3131 23 31.0441 23C31.7751 23 32.3676 23.5925 32.3676 24.3235C32.3676 24.3668 32.3655 24.4098 32.3614 24.4524C32.6766 24.5825 32.9461 24.8031 33.1357 25.0865C33.3253 25.3699 33.4265 25.7032 33.4265 26.0441C33.4265 26.3305 33.3561 26.6066 33.225 26.8524C33.4928 27.0491 33.7105 27.3061 33.8604 27.6025C34.0104 27.899 34.0884 28.2266 34.0882 28.5588C34.0882 29.7284 33.1405 30.6765 31.9706 30.6765H31.3088ZM31.3088 30.1471H31.9706C32.8481 30.1471 33.5588 29.4361 33.5588 28.5588C33.5588 27.9717 33.2379 27.4415 32.7321 27.1646C32.6986 27.1462 32.6695 27.1208 32.6467 27.0901C32.6239 27.0594 32.6081 27.0241 32.6003 26.9867C32.5924 26.9493 32.5928 26.9106 32.6013 26.8734C32.6098 26.8361 32.6264 26.8011 32.6497 26.7709C32.8105 26.5628 32.8975 26.3071 32.8971 26.0441C32.8972 25.7782 32.8083 25.52 32.6447 25.3104C32.481 25.1009 32.252 24.9521 31.994 24.8878C31.9592 24.8791 31.9264 24.8635 31.8978 24.8418C31.8692 24.8201 31.8453 24.7928 31.8276 24.7616C31.8098 24.7304 31.7986 24.6959 31.7946 24.6602C31.7906 24.6246 31.7939 24.5884 31.8044 24.5541C31.8402 24.4355 31.8478 24.3101 31.8265 24.188C31.8052 24.0659 31.7557 23.9505 31.6818 23.851C31.6079 23.7515 31.5118 23.6707 31.401 23.615C31.2903 23.5593 31.1681 23.5303 31.0442 23.5303C30.9203 23.5303 30.798 23.5593 30.6873 23.615C30.5766 23.6707 30.4805 23.7515 30.4066 23.851C30.3327 23.9505 30.2832 24.0659 30.2619 24.188C30.2406 24.3101 30.2482 24.4355 30.284 24.5541C30.2944 24.5884 30.2977 24.6246 30.2937 24.6602C30.2897 24.6959 30.2785 24.7304 30.2608 24.7616C30.2431 24.7928 30.2192 24.8201 30.1905 24.8418C30.1619 24.8635 30.1292 24.8791 30.0944 24.8878C29.9024 24.9358 29.7254 25.0308 29.5794 25.1642C29.4333 25.2977 29.3227 25.4654 29.2576 25.6522C29.1926 25.8391 29.175 26.0392 29.2065 26.2345C29.2381 26.4299 29.3177 26.6143 29.4383 26.7711C29.4616 26.8014 29.4781 26.8364 29.4866 26.8736C29.4951 26.9109 29.4955 26.9495 29.4876 26.9869C29.4798 27.0243 29.464 27.0596 29.4412 27.0903C29.4185 27.121 29.3893 27.1464 29.3558 27.1648C29.1056 27.3015 28.8967 27.5031 28.7513 27.7484C28.6059 27.9937 28.5292 28.2736 28.5294 28.5588C28.5294 29.4361 29.2404 30.1471 30.1176 30.1471H30.7794V29.7272L29.7981 28.746C29.7499 28.696 29.7232 28.6292 29.7239 28.5598C29.7245 28.4904 29.7523 28.424 29.8014 28.3749C29.8505 28.3258 29.9168 28.298 29.9862 28.2974C30.0557 28.2968 30.1225 28.3235 30.1724 28.3717L30.7794 28.9786V27.0802L30.1952 26.496C30.147 26.446 30.1203 26.3792 30.1209 26.3098C30.1215 26.2404 30.1494 26.174 30.1984 26.1249C30.2475 26.0758 30.3139 26.048 30.3833 26.0474C30.4527 26.0468 30.5196 26.0735 30.5695 26.1217L30.7794 26.3316V25.6471C30.7794 25.5769 30.8073 25.5095 30.8569 25.4599C30.9066 25.4102 30.9739 25.3824 31.0441 25.3824C31.1143 25.3824 31.1817 25.4102 31.2313 25.4599C31.2809 25.5095 31.3088 25.5769 31.3088 25.6471V27.9198L31.6511 27.5776C31.701 27.5293 31.7679 27.5027 31.8373 27.5033C31.9067 27.5039 31.9731 27.5317 32.0222 27.5808C32.0712 27.6299 32.0991 27.6963 32.0997 27.7657C32.1003 27.8351 32.0736 27.9019 32.0254 27.9519L31.3088 28.6684V30.1471Z" fill="#092C3C"/>
+</g>
+<defs>
+<clipPath id="clip0_1807_19833">
+<rect width="6.08824" height="9" fill="white" transform="translate(28 23)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/ic-public.svg b/src/assets/icons/ic-public.svg
new file mode 100644
index 000000000..20d148185
--- /dev/null
+++ b/src/assets/icons/ic-public.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.5 30C19.7032 30 19 30 19 30C19 30 15.4 30 7 30C7 23.3726 12.3726 18 19 18C22.2592 18 25.2148 19.2993 27.3774 21.4081" stroke="#092C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 17C22.3137 17 25 14.3137 25 11C25 7.68629 22.3137 5 19 5C15.6863 5 13 7.68629 13 11C13 14.3137 15.6863 17 19 17Z" stroke="#092C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31 35C34.866 35 38 31.866 38 28C38 24.134 34.866 21 31 21C27.134 21 24 24.134 24 28C24 31.866 27.134 35 31 35Z" stroke="#092C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M35.1663 28.0007C35.1663 27.4535 35.0586 26.9117 34.8492 26.4061C34.6398 25.9006 34.3329 25.4413 33.946 25.0544C33.559 24.6675 33.0997 24.3605 32.5942 24.1512C32.0887 23.9418 31.5468 23.834 30.9997 23.834C29.8946 23.834 28.8348 24.273 28.0534 25.0544C27.272 25.8358 26.833 26.8956 26.833 28.0007C26.833 29.1057 27.272 30.1655 28.0534 30.9469C28.8348 31.7283 29.8946 32.1673 30.9997 32.1673C32.1047 32.1673 33.1646 31.7283 33.946 30.9469C34.7274 30.1655 35.1663 29.1057 35.1663 28.0007ZM34.3038 27.584H33.083C33.0143 26.604 32.6785 25.6616 32.1122 24.859C32.694 25.0656 33.2071 25.4298 33.594 25.911C33.981 26.3922 34.2268 26.9713 34.3038 27.584ZM29.783 28.4173H32.2497C32.143 29.4467 31.7043 30.4135 30.9997 31.1715C30.2955 30.4166 29.8668 29.4462 29.783 28.4173ZM29.783 27.584C29.88 26.5597 30.307 25.5947 30.9997 24.834C31.71 25.5865 32.1497 26.554 32.2497 27.584H29.783ZM29.933 24.8465C29.3637 25.6536 29.0225 26.5993 28.9455 27.584H27.6955C27.7742 26.9638 28.0258 26.3782 28.4214 25.8941C28.8171 25.4101 29.3409 25.047 29.933 24.8465ZM27.6955 28.4173H28.9455C29.0141 29.4012 29.353 30.347 29.9247 31.1507C29.3347 30.9491 28.813 30.5861 28.419 30.103C28.0249 29.6198 27.7743 29.0358 27.6955 28.4173ZM32.0913 31.1465C32.6615 30.3426 33.0041 29.3997 33.083 28.4173H34.3122C34.2334 29.0341 33.9836 29.6165 33.5912 30.0988C33.1987 30.5811 32.6792 30.944 32.0913 31.1465Z" fill="#092C3C"/>
+</svg>
diff --git a/src/assets/icons/ic_approved.svg b/src/assets/icons/ic_approved.svg
new file mode 100644
index 000000000..b5b7d251b
--- /dev/null
+++ b/src/assets/icons/ic_approved.svg
@@ -0,0 +1,9 @@
+<svg width="42" height="40" viewBox="0 0 42 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="42" height="40" fill="url(#pattern0_4489_23568)"/>
+<defs>
+<pattern id="pattern0_4489_23568" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_4489_23568" transform="scale(0.0119048 0.0125)"/>
+</pattern>
+<image id="image0_4489_23568" width="84" height="80" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/ic_draft.svg b/src/assets/icons/ic_draft.svg
new file mode 100644
index 000000000..46d8c72a8
--- /dev/null
+++ b/src/assets/icons/ic_draft.svg
@@ -0,0 +1,9 @@
+<svg width="42" height="40" viewBox="0 0 42 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="42" height="40" fill="url(#pattern0_4489_23569)"/>
+<defs>
+<pattern id="pattern0_4489_23569" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_4489_23569" transform="scale(0.0119048 0.0125)"/>
+</pattern>
+<image id="image0_4489_23569" width="84" height="80" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/ic_needs-more-information.svg b/src/assets/icons/ic_needs-more-information.svg
new file mode 100644
index 000000000..f604957ed
--- /dev/null
+++ b/src/assets/icons/ic_needs-more-information.svg
@@ -0,0 +1,9 @@
+<svg width="42" height="40" viewBox="0 0 42 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="42" height="40" fill="url(#pattern0_4489_23570)"/>
+<defs>
+<pattern id="pattern0_4489_23570" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_4489_23570" transform="scale(0.0119048 0.0125)"/>
+</pattern>
+<image id="image0_4489_23570" width="84" height="80" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/ic_submitted.svg b/src/assets/icons/ic_submitted.svg
new file mode 100644
index 000000000..5504b7573
--- /dev/null
+++ b/src/assets/icons/ic_submitted.svg
@@ -0,0 +1,9 @@
+<svg width="42" height="40" viewBox="0 0 42 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="42" height="40" fill="url(#pattern0_4489_23571)"/>
+<defs>
+<pattern id="pattern0_4489_23571" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_4489_23571" transform="scale(0.0119048 0.0125)"/>
+</pattern>
+<image id="image0_4489_23571" width="84" height="80" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/components/elements/CommentaryBox/CommentaryBox.tsx b/src/components/elements/CommentaryBox/CommentaryBox.tsx
index 8385e66fe..8a05ee505 100644
--- a/src/components/elements/CommentaryBox/CommentaryBox.tsx
+++ b/src/components/elements/CommentaryBox/CommentaryBox.tsx
@@ -1,4 +1,5 @@
 import { useT } from "@transifex/react";
+import { useState } from "react";
 import { When } from "react-if";
 
 import Button from "@/components/elements/Button/Button";
@@ -6,27 +7,88 @@ import TextArea from "@/components/elements/Inputs/textArea/TextArea";
 import Text from "@/components/elements/Text/Text";
 import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 
+import Notification from "../Notification/Notification";
+
 export interface CommentaryBoxProps {
   name: string;
   lastName: string;
   buttonSendOnBox?: boolean;
   mutate?: any;
-  refresh?: any;
+  refresh?: () => void;
   record?: any;
   entity?: string;
 }
 
 const CommentaryBox = (props: CommentaryBoxProps) => {
-  const { name, lastName, buttonSendOnBox } = props;
+  const { name, lastName, buttonSendOnBox, record, entity } = props;
+  const [files, setFiles] = useState<File[]>([]);
+  const [comment, setComment] = useState<string>("");
+  const [error, setError] = useState<string>("");
+  const [charCount, setCharCount] = useState<number>(0);
+  const [showNotification] = useState<boolean>(false);
+  const [loading, setLoading] = useState<boolean>(false);
+  const [warning, setWarning] = useState<string>("");
   const t = useT();
+  const validFileTypes = [
+    "application/pdf",
+    "application/vnd.ms-excel",
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    "application/msword",
+    "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    "image/jpeg",
+    "image/png",
+    "image/tiff"
+  ];
+  const maxFileSize = 10 * 1024 * 1024;
+  const maxFiles = 5;
+  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    if (e.target.files) {
+      const file = e.target.files[0];
+      if (files.length >= maxFiles) {
+        setError("You can upload a maximum of 5 files.");
+        return;
+      }
+      if (!validFileTypes.includes(file?.type)) {
+        setError("Invalid file type. Only PDF, XLS, DOC, XLSX, DOCX, JPG, PNG, and TIFF are allowed.");
+        return;
+      }
+      if (file.size > maxFileSize) {
+        setError("File size must be less than 10MB.");
+        return;
+      }
+      setFiles(prevFiles => [...prevFiles, file]);
+      setError("");
+    }
+  };
+  const submitComment = () => {
+    const body = new FormData();
+    body.append("entity_uuid", record?.uuid);
+    body.append("status", record?.status);
+    body.append("entity", entity as string);
+    body.append("comment", comment);
+    body.append("type", "comment");
+    files.forEach((element: File, index: number) => {
+      body.append(`file[${index}]`, element);
+    });
+    setLoading(true);
+  };
+  const handleCommentChange = (e: any) => {
+    setComment(e.target.value);
+    setCharCount(e.target.value.length);
+    if (charCount >= 255) {
+      setWarning("Your comment exceeds 255 characters.");
+    } else {
+      setWarning("");
+    }
+  };
 
   return (
     <div className="flex flex-col gap-4">
       <div className="flex items-center gap-2 rounded-3xl border border-grey-750 p-3">
         <div className="flex min-h-[32px] min-w-[32px] items-center justify-center self-start rounded-full bg-primary-500">
           <Text variant="text-14-semibold" className="uppercase text-white">
-            {name[0]}
-            {lastName[0]}
+            {name?.[0]}
+            {lastName?.[0]}
           </Text>
         </div>
         <TextArea
@@ -35,12 +97,19 @@ const CommentaryBox = (props: CommentaryBoxProps) => {
           className="max-h-72 !min-h-0 resize-none border-none !p-0 text-xs"
           containerClassName="w-full"
           rows={1}
+          onChange={e => handleCommentChange(e)}
+          value={comment}
         />
         <label htmlFor="input-files" className="cursor-pointer">
           <input
             type="file"
             id="input-files"
             className="absolute z-[-1] h-[0.1px] w-[0.1px] overflow-hidden opacity-0"
+            onChange={e => {
+              if (e.target.files) {
+                handleFileChange(e);
+              }
+            }}
           />
           <Icon name={IconNames.PAPER_CLIP} className="h-4 w-4" />
         </label>
@@ -48,13 +117,56 @@ const CommentaryBox = (props: CommentaryBoxProps) => {
           <Button variant="text" iconProps={{ name: IconNames.SEND, className: "h-4 w-4 text-darkCustom" }} />
         </When>
       </div>
+      <div className="flex flex-1 justify-between gap-4">
+        <div className="flex flex-wrap gap-2">
+          <When condition={files.length > 0}>
+            {files.map((file: any) => (
+              <div
+                key={file.name}
+                className="flex items-baseline justify-between gap-2 rounded-xl bg-neutral-150 px-2 py-1"
+              >
+                <Text variant="text-12-light" className="text-nowrap text-darkCustom">
+                  {file?.name}
+                </Text>
+                <button
+                  className="bg-transparent p-0 text-darkCustom hover:text-red"
+                  onClick={() => {
+                    setFiles(files.filter((f: any) => f.name !== file.name));
+                  }}
+                >
+                  <Icon name={IconNames.CLEAR} className="h-2.5 w-2.5 lg:h-3 lg:w-3" />
+                </button>
+              </div>
+            ))}
+          </When>
+        </div>
+        <div className="display-grid">
+          {warning && charCount > 255 && <div className="text-right text-xs text-red">{warning}</div>}
+          <div className={`text-nowrap text-right text-xs ${charCount > 255 ? "text-red" : "text-grey-500"}`}>
+            {charCount}/255 {t("characters")}
+          </div>
+        </div>
+      </div>
+      {error && <div className="text-red">{error}</div>}
       <When condition={!buttonSendOnBox}>
-        <Button className="self-end" iconProps={{ name: IconNames.SEND, className: "h-4 w-4" }}>
+        <Button
+          className="self-end"
+          disabled={loading}
+          iconProps={{ name: IconNames.SEND, className: "h-4 w-4" }}
+          onClick={submitComment}
+        >
           <Text variant="text-12-bold" className="text-white">
             {t("SEND")}
           </Text>
+          {loading && <Icon name={IconNames.ELLIPSE_POLYGON} className={"h-6 w-6 animate-spin"} />}
         </Button>
       </When>
+      <Notification
+        title="Success!"
+        message="Your comment was just added!"
+        type="success"
+        open={showNotification}
+      ></Notification>
     </div>
   );
 };
diff --git a/src/components/elements/CommentaryBox/__snapshots__/CommentaryBox.stories.storyshot b/src/components/elements/CommentaryBox/__snapshots__/CommentaryBox.stories.storyshot
index d5b2afc87..ac1cc1756 100644
--- a/src/components/elements/CommentaryBox/__snapshots__/CommentaryBox.stories.storyshot
+++ b/src/components/elements/CommentaryBox/__snapshots__/CommentaryBox.stories.storyshot
@@ -31,6 +31,7 @@ exports[`Storyshots Components/Elements/CommentaryBox Default 1`] = `
           onChange={[Function]}
           placeholder="Add a comment"
           rows={1}
+          value=""
         />
       </div>
       <label
@@ -40,6 +41,7 @@ exports[`Storyshots Components/Elements/CommentaryBox Default 1`] = `
         <input
           className="absolute z-[-1] h-[0.1px] w-[0.1px] overflow-hidden opacity-0"
           id="input-files"
+          onChange={[Function]}
           type="file"
         />
         <div
@@ -67,6 +69,27 @@ exports[`Storyshots Components/Elements/CommentaryBox Default 1`] = `
         />
       </button>
     </div>
+    <div
+      className="flex flex-1 justify-between gap-4"
+    >
+      <div
+        className="flex flex-wrap gap-2"
+      />
+      <div
+        className="display-grid"
+      >
+        <div
+          className="text-nowrap text-right text-xs text-grey-500"
+        >
+          0
+          /255 
+          characters
+        </div>
+      </div>
+    </div>
+    <div
+      className="fixed top-[86px] right-[1.5vw] z-[1000000] flex w-[28vw] shadow-black"
+    />
   </div>
 </div>
 `;
diff --git a/src/components/elements/Map-mapbox/MapControls/CheckPolygonControl.tsx b/src/components/elements/Map-mapbox/MapControls/CheckPolygonControl.tsx
index c8e1c9dfc..a7ff41e30 100644
--- a/src/components/elements/Map-mapbox/MapControls/CheckPolygonControl.tsx
+++ b/src/components/elements/Map-mapbox/MapControls/CheckPolygonControl.tsx
@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 
 import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 import { useSitePolygonData } from "@/context/sitePolygon.provider";
-import { fetchGetV2TerrafundValidationSitePolygons, useGetV2TerrafundValidationSite } from "@/generated/apiComponents";
+import { fetchPostV2TerrafundValidationSitePolygons, useGetV2TerrafundValidationSite } from "@/generated/apiComponents";
 import { SitePolygon } from "@/generated/apiSchemas";
 
 import Button from "../../Button/Button";
@@ -51,15 +51,10 @@ const CheckPolygonControl = (props: CheckSitePolygonProps) => {
     }
   );
 
-  const validatePolygons = () => {
-    fetchGetV2TerrafundValidationSitePolygons({
-      queryParams: {
-        uuid: siteUuid ?? ""
-      }
-    }).then(() => {
-      reloadSitePolygonValidation();
-      setClickedValidation(false);
-    });
+  const validatePolygons = async () => {
+    await fetchPostV2TerrafundValidationSitePolygons({ queryParams: { uuid: siteUuid ?? "" } });
+    reloadSitePolygonValidation();
+    setClickedValidation(false);
   };
 
   const getTransformedData = (currentValidationSite: CheckedPolygon[]) => {
diff --git a/src/components/elements/Status/Status.tsx b/src/components/elements/Status/Status.tsx
index 00d33520f..3214155e6 100644
--- a/src/components/elements/Status/Status.tsx
+++ b/src/components/elements/Status/Status.tsx
@@ -7,23 +7,7 @@ import { TextVariants } from "@/types/common";
 import Text from "../Text/Text";
 import { COLOR_BG_MAP } from "./constants/colorBgMap";
 import { COLOR_TEXT_MAP } from "./constants/colorTextMap";
-
-export enum StatusEnum {
-  // eslint-disable-next-line no-unused-vars
-  DRAFT = "draft",
-  // eslint-disable-next-line no-unused-vars
-  SUBMITTED = "submitted",
-  // eslint-disable-next-line no-unused-vars
-  APPROVED = "approved",
-  // eslint-disable-next-line no-unused-vars
-  UNDER_REVIEW = "under-review",
-  // eslint-disable-next-line no-unused-vars
-  NEEDS_MORE_INFORMATION = "needs-more-information",
-  // eslint-disable-next-line no-unused-vars
-  PLANTING_IN_PROGRESS = "planting-in-progress",
-  // eslint-disable-next-line no-unused-vars
-  AWAITING_APPROVAL = "awaiting-approval"
-}
+import { StatusEnum } from "./constants/statusMap";
 
 export interface StatusProps {
   className?: string;
diff --git a/src/components/elements/Status/constants/statusMap.ts b/src/components/elements/Status/constants/statusMap.ts
index 41dc31f3f..1bdba2fec 100644
--- a/src/components/elements/Status/constants/statusMap.ts
+++ b/src/components/elements/Status/constants/statusMap.ts
@@ -7,3 +7,20 @@ export const STATUS_MAP: { [key: string]: string } = {
   "planting-in-progress": "Planting in Progress",
   "awaiting-approval": "Awaiting Approval"
 };
+
+export enum StatusEnum {
+  // eslint-disable-next-line no-unused-vars
+  DRAFT = "draft",
+  // eslint-disable-next-line no-unused-vars
+  SUBMITTED = "submitted",
+  // eslint-disable-next-line no-unused-vars
+  APPROVED = "approved",
+  // eslint-disable-next-line no-unused-vars
+  UNDER_REVIEW = "under-review",
+  // eslint-disable-next-line no-unused-vars
+  NEEDS_MORE_INFORMATION = "needs-more-information",
+  // eslint-disable-next-line no-unused-vars
+  PLANTING_IN_PROGRESS = "planting-in-progress",
+  // eslint-disable-next-line no-unused-vars
+  AWAITING_APPROVAL = "awaiting-approval"
+}
diff --git a/src/components/extensive/Modal/ModalAdd.tsx b/src/components/extensive/Modal/ModalAdd.tsx
index 04a39a954..4dac12d09 100644
--- a/src/components/extensive/Modal/ModalAdd.tsx
+++ b/src/components/extensive/Modal/ModalAdd.tsx
@@ -9,7 +9,8 @@ import {
   FileInputVariant,
   VARIANT_FILE_INPUT_MODAL_ADD
 } from "@/components/elements/Inputs/FileInput/FileInputVariants";
-import Status, { StatusEnum } from "@/components/elements/Status/Status";
+import { StatusEnum } from "@/components/elements/Status/constants/statusMap";
+import Status from "@/components/elements/Status/Status";
 import Text from "@/components/elements/Text/Text";
 import { FileType, UploadedFile } from "@/types/common";
 
@@ -25,7 +26,7 @@ export interface ModalAddProps extends ModalProps {
   variantFileInput?: FileInputVariant;
   descriptionListStatus?: string;
   acceptedTYpes?: FileType[];
-  status?: "under-review" | "approved" | "draft" | "submitted";
+  status?: StatusEnum;
   onClose?: () => void;
   setFile?: (file: UploadedFile[]) => void;
 }
@@ -63,11 +64,7 @@ const ModalAdd: FC<ModalAddProps> = ({
         <Icon name={IconNames.WRI_LOGO} width={108} height={30} className="min-w-[108px]" />
         <div className="flex items-center">
           <When condition={status}>
-            <Status
-              status={(status ?? "draft") as StatusEnum}
-              className="rounded px-2 py-[2px]"
-              textVariant="text-14-bold"
-            />
+            <Status status={status ?? StatusEnum.DRAFT} className="rounded px-2 py-[2px]" textVariant="text-14-bold" />
           </When>
           <button onClick={onClose} className="ml-2 rounded p-1 hover:bg-grey-800">
             <Icon name={IconNames.CLEAR} width={16} height={16} className="text-darkCustom-100" />
diff --git a/src/components/extensive/Modal/ModalApprove.tsx b/src/components/extensive/Modal/ModalApprove.tsx
index 6ee12441b..19749670b 100644
--- a/src/components/extensive/Modal/ModalApprove.tsx
+++ b/src/components/extensive/Modal/ModalApprove.tsx
@@ -5,7 +5,8 @@ import { twMerge as tw } from "tailwind-merge";
 
 import Button from "@/components/elements/Button/Button";
 import Checkbox from "@/components/elements/Inputs/Checkbox/Checkbox";
-import Status, { StatusEnum } from "@/components/elements/Status/Status";
+import { StatusEnum } from "@/components/elements/Status/constants/statusMap";
+import Status from "@/components/elements/Status/Status";
 import Text from "@/components/elements/Text/Text";
 
 import Icon, { IconNames } from "../Icon/Icon";
@@ -16,7 +17,7 @@ export interface ModalApproveProps extends ModalProps {
   primaryButtonText?: string;
   secondaryButtonText?: string;
   toogleButton?: boolean;
-  status?: "under-review" | "approved" | "draft" | "submitted";
+  status?: StatusEnum;
   onClose?: () => void;
 }
 
@@ -41,11 +42,7 @@ const ModalApprove: FC<ModalApproveProps> = ({
         <Icon name={IconNames.WRI_LOGO} width={108} height={30} className="min-w-[108px]" />
         <div className="flex items-center">
           <When condition={status}>
-            <Status
-              status={(status ?? "draft") as StatusEnum}
-              className="rounded px-2 py-[2px]"
-              textVariant="text-14-bold"
-            />
+            <Status status={status ?? StatusEnum.DRAFT} className="rounded px-2 py-[2px]" textVariant="text-14-bold" />
           </When>
           <button onClick={onClose} className="ml-2 rounded p-1 hover:bg-grey-800">
             <Icon name={IconNames.CLEAR} width={16} height={16} className="text-darkCustom-100" />
diff --git a/src/components/extensive/Modal/ModalSubmit.tsx b/src/components/extensive/Modal/ModalSubmit.tsx
index 3fa68f7b9..2936db08a 100644
--- a/src/components/extensive/Modal/ModalSubmit.tsx
+++ b/src/components/extensive/Modal/ModalSubmit.tsx
@@ -4,7 +4,8 @@ import { When } from "react-if";
 
 import Button from "@/components/elements/Button/Button";
 import Checkbox from "@/components/elements/Inputs/Checkbox/Checkbox";
-import Status, { StatusEnum } from "@/components/elements/Status/Status";
+import { StatusEnum } from "@/components/elements/Status/constants/statusMap";
+import Status from "@/components/elements/Status/Status";
 import Text from "@/components/elements/Text/Text";
 
 import Icon, { IconNames } from "../Icon/Icon";
@@ -16,7 +17,7 @@ export interface ModalSubmitProps extends ModalProps {
   primaryButtonText?: string;
   secondaryButtonText?: string;
   toogleButton?: boolean;
-  status?: "under-review" | "approved" | "draft" | "submitted";
+  status?: StatusEnum;
   onClose?: () => void;
 }
 
@@ -42,11 +43,7 @@ const ModalSubmit: FC<ModalSubmitProps> = ({
         <Icon name={IconNames.WRI_LOGO} width={108} height={30} className="min-w-[108px]" />
         <div className="flex items-center">
           <When condition={status}>
-            <Status
-              status={(status ?? "draft") as StatusEnum}
-              className="rounded px-2 py-[2px]"
-              textVariant="text-14-bold"
-            />
+            <Status status={status ?? StatusEnum.DRAFT} className="rounded px-2 py-[2px]" textVariant="text-14-bold" />
           </When>
           <button onClick={onClose} className="ml-2 rounded p-1 hover:bg-grey-800">
             <Icon name={IconNames.CLEAR} width={16} height={16} className="text-darkCustom-100" />
@@ -80,7 +77,7 @@ const ModalSubmit: FC<ModalSubmitProps> = ({
                 {item.name}
               </Text>
               <div className="flex flex-1 items-center justify-center">
-                <Status status={status as StatusEnum} />
+                <Status status={item.status as StatusEnum} />
               </div>
               <div className="flex flex-1 items-center justify-center">
                 <Checkbox name={""} />
diff --git a/src/components/extensive/Modal/ModalWithLogo.tsx b/src/components/extensive/Modal/ModalWithLogo.tsx
index 58caa572e..06dce7e35 100644
--- a/src/components/extensive/Modal/ModalWithLogo.tsx
+++ b/src/components/extensive/Modal/ModalWithLogo.tsx
@@ -7,7 +7,8 @@ import Button from "@/components/elements/Button/Button";
 import Commentary from "@/components/elements/Commentary/Commentary";
 import CommentaryBox from "@/components/elements/CommentaryBox/CommentaryBox";
 import StepProgressbar from "@/components/elements/ProgressBar/StepProgressbar/StepProgressbar";
-import Status, { StatusEnum } from "@/components/elements/Status/Status";
+import { StatusEnum } from "@/components/elements/Status/constants/statusMap";
+import Status from "@/components/elements/Status/Status";
 import Text from "@/components/elements/Text/Text";
 
 import Icon, { IconNames } from "../Icon/Icon";
@@ -19,7 +20,7 @@ export interface ModalWithLogoProps extends ModalProps {
   primaryButtonText?: string;
   secondaryButtonText?: string;
   toogleButton?: boolean;
-  status?: "under-review" | "approved" | "draft" | "submitted";
+  status?: StatusEnum;
   onClose?: () => void;
 }
 
@@ -46,11 +47,7 @@ const ModalWithLogo: FC<ModalWithLogoProps> = ({
         <Icon name={IconNames.WRI_LOGO} width={108} height={30} className="min-w-[108px]" />
         <div className="flex items-center">
           <When condition={status}>
-            <Status
-              status={(status ?? "draft") as StatusEnum}
-              className="rounded px-2 py-[2px]"
-              textVariant="text-14-bold"
-            />
+            <Status status={status ?? StatusEnum.DRAFT} className="rounded px-2 py-[2px]" textVariant="text-14-bold" />
           </When>
           <button onClick={onClose} className="ml-2 rounded p-1 hover:bg-grey-800">
             <Icon name={IconNames.CLEAR} width={16} height={16} className="text-darkCustom-100" />
diff --git a/src/components/extensive/Modal/ModalWithMap.tsx b/src/components/extensive/Modal/ModalWithMap.tsx
index 433927745..3f902709b 100644
--- a/src/components/extensive/Modal/ModalWithMap.tsx
+++ b/src/components/extensive/Modal/ModalWithMap.tsx
@@ -9,7 +9,8 @@ import { VARIANT_FILE_INPUT_MODAL_ADD_IMAGES_WITH_MAP } from "@/components/eleme
 import TextArea from "@/components/elements/Inputs/textArea/TextArea";
 import Map from "@/components/elements/Map-mapbox/Map";
 import StepProgressbar from "@/components/elements/ProgressBar/StepProgressbar/StepProgressbar";
-import Status, { StatusEnum } from "@/components/elements/Status/Status";
+import { StatusEnum } from "@/components/elements/Status/constants/statusMap";
+import Status from "@/components/elements/Status/Status";
 import Text from "@/components/elements/Text/Text";
 import { UploadedFile } from "@/types/common";
 
@@ -21,7 +22,7 @@ import { ModalBaseWithMap } from "./ModalsBases";
 export interface ModalWithMapProps extends ModalProps {
   polygonSelected?: string;
   primaryButtonText?: string;
-  status?: "under-review" | "approved" | "draft" | "submitted";
+  status?: StatusEnum;
   onClose?: () => void;
 }
 
@@ -48,7 +49,7 @@ const ModalWithMap: FC<ModalWithMapProps> = ({
             <Icon name={IconNames.WRI_LOGO} width={108} height={30} className="min-w-[108px]" />
             <div className="flex items-center">
               <When condition={status}>
-                <Status status={(status ?? "draft") as StatusEnum} />
+                <Status status={status ?? StatusEnum.DRAFT} />
               </When>
             </div>
           </header>
diff --git a/src/components/extensive/Modal/__snapshots__/ModalSubmit.stories.storyshot b/src/components/extensive/Modal/__snapshots__/ModalSubmit.stories.storyshot
index 1904567b5..1846c0961 100644
--- a/src/components/extensive/Modal/__snapshots__/ModalSubmit.stories.storyshot
+++ b/src/components/extensive/Modal/__snapshots__/ModalSubmit.stories.storyshot
@@ -95,12 +95,22 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
             className="flex flex-1 items-center justify-center"
           >
             <div
-              className="flex items-center justify-center rounded-xl py-1 px-[6px]"
+              className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-secondary-200"
             >
               <p
-                className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
+                className="flex w-fit items-center justify-center gap-[6px] text-center text-green-500 text-12-semibold"
                 data-testid="txt"
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": undefined,
+                      "width": 24,
+                    }
+                  }
+                />
+                Approved
+              </p>
             </div>
           </div>
           <div
@@ -129,12 +139,14 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
             className="flex flex-1 items-center justify-center"
           >
             <div
-              className="flex items-center justify-center rounded-xl py-1 px-[6px]"
+              className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-tertiary-50"
             >
               <p
-                className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
+                className="flex w-fit items-center justify-center gap-[6px] text-center text-tertiary-600 text-12-semibold"
                 data-testid="txt"
-              />
+              >
+                Needs More Information
+              </p>
             </div>
           </div>
           <div
@@ -163,12 +175,14 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
             className="flex flex-1 items-center justify-center"
           >
             <div
-              className="flex items-center justify-center rounded-xl py-1 px-[6px]"
+              className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-blue-200"
             >
               <p
-                className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
+                className="flex w-fit items-center justify-center gap-[6px] text-center text-blue text-12-semibold"
                 data-testid="txt"
-              />
+              >
+                Submitted
+              </p>
             </div>
           </div>
           <div
@@ -197,12 +211,22 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
             className="flex flex-1 items-center justify-center"
           >
             <div
-              className="flex items-center justify-center rounded-xl py-1 px-[6px]"
+              className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-secondary-200"
             >
               <p
-                className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
+                className="flex w-fit items-center justify-center gap-[6px] text-center text-green-500 text-12-semibold"
                 data-testid="txt"
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": undefined,
+                      "width": 24,
+                    }
+                  }
+                />
+                Approved
+              </p>
             </div>
           </div>
           <div
@@ -231,12 +255,14 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
             className="flex flex-1 items-center justify-center"
           >
             <div
-              className="flex items-center justify-center rounded-xl py-1 px-[6px]"
+              className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-blue-200"
             >
               <p
-                className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
+                className="flex w-fit items-center justify-center gap-[6px] text-center text-blue text-12-semibold"
                 data-testid="txt"
-              />
+              >
+                Submitted
+              </p>
             </div>
           </div>
           <div
@@ -265,12 +291,14 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
             className="flex flex-1 items-center justify-center"
           >
             <div
-              className="flex items-center justify-center rounded-xl py-1 px-[6px]"
+              className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-blue-200"
             >
               <p
-                className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
+                className="flex w-fit items-center justify-center gap-[6px] text-center text-blue text-12-semibold"
                 data-testid="txt"
-              />
+              >
+                Submitted
+              </p>
             </div>
           </div>
           <div
@@ -299,12 +327,14 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
             className="flex flex-1 items-center justify-center"
           >
             <div
-              className="flex items-center justify-center rounded-xl py-1 px-[6px]"
+              className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-blue-200"
             >
               <p
-                className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
+                className="flex w-fit items-center justify-center gap-[6px] text-center text-blue text-12-semibold"
                 data-testid="txt"
-              />
+              >
+                Submitted
+              </p>
             </div>
           </div>
           <div
@@ -333,12 +363,14 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
             className="flex flex-1 items-center justify-center"
           >
             <div
-              className="flex items-center justify-center rounded-xl py-1 px-[6px]"
+              className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-tertiary-50"
             >
               <p
-                className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
+                className="flex w-fit items-center justify-center gap-[6px] text-center text-tertiary-600 text-12-semibold"
                 data-testid="txt"
-              />
+              >
+                Needs More Information
+              </p>
             </div>
           </div>
           <div
diff --git a/src/components/extensive/Modal/__snapshots__/ModalWithLogo.stories.storyshot b/src/components/extensive/Modal/__snapshots__/ModalWithLogo.stories.storyshot
index 0350c7d08..9fd3b8c92 100644
--- a/src/components/extensive/Modal/__snapshots__/ModalWithLogo.stories.storyshot
+++ b/src/components/extensive/Modal/__snapshots__/ModalWithLogo.stories.storyshot
@@ -189,6 +189,7 @@ exports[`Storyshots Components/Extensive/Modal/ModalWithLogo Default 1`] = `
                 onChange={[Function]}
                 placeholder="Add a comment"
                 rows={1}
+                value=""
               />
             </div>
             <label
@@ -198,6 +199,7 @@ exports[`Storyshots Components/Extensive/Modal/ModalWithLogo Default 1`] = `
               <input
                 className="absolute z-[-1] h-[0.1px] w-[0.1px] overflow-hidden opacity-0"
                 id="input-files"
+                onChange={[Function]}
                 type="file"
               />
               <div
@@ -210,8 +212,28 @@ exports[`Storyshots Components/Extensive/Modal/ModalWithLogo Default 1`] = `
               />
             </label>
           </div>
+          <div
+            className="flex flex-1 justify-between gap-4"
+          >
+            <div
+              className="flex flex-wrap gap-2"
+            />
+            <div
+              className="display-grid"
+            >
+              <div
+                className="text-nowrap text-right text-xs text-grey-500"
+              >
+                0
+                /255 
+                characters
+              </div>
+            </div>
+          </div>
           <button
             className="bg-primary-500 hover:bg-primary-400 py-2 !text-white rounded-md px-4 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black min-h-10 flex items-center justify-center gap-1.5 tracking-wide w-fit-content self-end"
+            disabled={false}
+            onClick={[Function]}
           >
             <div
               style={
@@ -232,6 +254,9 @@ exports[`Storyshots Components/Extensive/Modal/ModalWithLogo Default 1`] = `
               </p>
             </span>
           </button>
+          <div
+            className="fixed top-[86px] right-[1.5vw] z-[1000000] flex w-[28vw] shadow-black"
+          />
         </div>
         <div
           className="flex flex-col gap-2"
diff --git a/src/generated/apiComponents.ts b/src/generated/apiComponents.ts
index 278795256..7d4722f27 100644
--- a/src/generated/apiComponents.ts
+++ b/src/generated/apiComponents.ts
@@ -31494,16 +31494,16 @@ export const useGetV2ENTITYUUIDExport = <TData = Blob>(
   );
 };
 
-export type GetV2TerrafundValidationPolygonQueryParams = {
+export type PostV2TerrafundValidationPolygonQueryParams = {
   /**
    * The UUID of the polygon
    */
   uuid: string;
 };
 
-export type GetV2TerrafundValidationPolygonError = Fetcher.ErrorWrapper<undefined>;
+export type PostV2TerrafundValidationPolygonError = Fetcher.ErrorWrapper<undefined>;
 
-export type GetV2TerrafundValidationPolygonResponse = {
+export type PostV2TerrafundValidationPolygonResponse = {
   /**
    * The ID of the polygon
    */
@@ -31529,38 +31529,42 @@ export type GetV2TerrafundValidationPolygonResponse = {
   }[];
 };
 
-export type GetV2TerrafundValidationPolygonVariables = {
-  queryParams: GetV2TerrafundValidationPolygonQueryParams;
+export type PostV2TerrafundValidationPolygonVariables = {
+  queryParams: PostV2TerrafundValidationPolygonQueryParams;
 } & ApiContext["fetcherOptions"];
 
-export const fetchGetV2TerrafundValidationPolygon = (
-  variables: GetV2TerrafundValidationPolygonVariables,
+export const fetchPostV2TerrafundValidationPolygon = (
+  variables: PostV2TerrafundValidationPolygonVariables,
   signal?: AbortSignal
 ) =>
   apiFetch<
-    GetV2TerrafundValidationPolygonResponse,
-    GetV2TerrafundValidationPolygonError,
+    PostV2TerrafundValidationPolygonResponse,
+    PostV2TerrafundValidationPolygonError,
     undefined,
     {},
-    GetV2TerrafundValidationPolygonQueryParams,
+    PostV2TerrafundValidationPolygonQueryParams,
     {}
-  >({ url: "/v2/terrafund/validation/polygon", method: "get", ...variables, signal });
+  >({ url: "/v2/terrafund/validation/polygon", method: "post", ...variables, signal });
 
-export const useGetV2TerrafundValidationPolygon = <TData = GetV2TerrafundValidationPolygonResponse>(
-  variables: GetV2TerrafundValidationPolygonVariables,
+export const usePostV2TerrafundValidationPolygon = (
   options?: Omit<
-    reactQuery.UseQueryOptions<GetV2TerrafundValidationPolygonResponse, GetV2TerrafundValidationPolygonError, TData>,
-    "queryKey" | "queryFn"
+    reactQuery.UseMutationOptions<
+      PostV2TerrafundValidationPolygonResponse,
+      PostV2TerrafundValidationPolygonError,
+      PostV2TerrafundValidationPolygonVariables
+    >,
+    "mutationFn"
   >
 ) => {
-  const { fetcherOptions, queryOptions, queryKeyFn } = useApiContext(options);
-  return reactQuery.useQuery<GetV2TerrafundValidationPolygonResponse, GetV2TerrafundValidationPolygonError, TData>(
-    queryKeyFn({ path: "/v2/terrafund/validation/polygon", operationId: "getV2TerrafundValidationPolygon", variables }),
-    ({ signal }) => fetchGetV2TerrafundValidationPolygon({ ...fetcherOptions, ...variables }, signal),
-    {
-      ...options,
-      ...queryOptions
-    }
+  const { fetcherOptions } = useApiContext();
+  return reactQuery.useMutation<
+    PostV2TerrafundValidationPolygonResponse,
+    PostV2TerrafundValidationPolygonError,
+    PostV2TerrafundValidationPolygonVariables
+  >(
+    (variables: PostV2TerrafundValidationPolygonVariables) =>
+      fetchPostV2TerrafundValidationPolygon({ ...fetcherOptions, ...variables }),
+    options
   );
 };
 
@@ -31646,66 +31650,58 @@ export const useGetV2TerrafundValidationCriteriaData = <TData = GetV2TerrafundVa
   );
 };
 
-export type GetV2TerrafundValidationSitePolygonsQueryParams = {
+export type PostV2TerrafundValidationSitePolygonsQueryParams = {
   /**
    * The UUID of the polygon
    */
   uuid: string;
 };
 
-export type GetV2TerrafundValidationSitePolygonsError = Fetcher.ErrorWrapper<undefined>;
+export type PostV2TerrafundValidationSitePolygonsError = Fetcher.ErrorWrapper<undefined>;
 
-export type GetV2TerrafundValidationSitePolygonsResponse = {
+export type PostV2TerrafundValidationSitePolygonsResponse = {
   /**
    * A message indicating the completion of validation for all site polygons.
    */
   message?: string;
 };
 
-export type GetV2TerrafundValidationSitePolygonsVariables = {
-  queryParams: GetV2TerrafundValidationSitePolygonsQueryParams;
+export type PostV2TerrafundValidationSitePolygonsVariables = {
+  queryParams: PostV2TerrafundValidationSitePolygonsQueryParams;
 } & ApiContext["fetcherOptions"];
 
-export const fetchGetV2TerrafundValidationSitePolygons = (
-  variables: GetV2TerrafundValidationSitePolygonsVariables,
+export const fetchPostV2TerrafundValidationSitePolygons = (
+  variables: PostV2TerrafundValidationSitePolygonsVariables,
   signal?: AbortSignal
 ) =>
   apiFetch<
-    GetV2TerrafundValidationSitePolygonsResponse,
-    GetV2TerrafundValidationSitePolygonsError,
+    PostV2TerrafundValidationSitePolygonsResponse,
+    PostV2TerrafundValidationSitePolygonsError,
     undefined,
     {},
-    GetV2TerrafundValidationSitePolygonsQueryParams,
+    PostV2TerrafundValidationSitePolygonsQueryParams,
     {}
-  >({ url: "/v2/terrafund/validation/sitePolygons", method: "get", ...variables, signal });
+  >({ url: "/v2/terrafund/validation/sitePolygons", method: "post", ...variables, signal });
 
-export const useGetV2TerrafundValidationSitePolygons = <TData = GetV2TerrafundValidationSitePolygonsResponse>(
-  variables: GetV2TerrafundValidationSitePolygonsVariables,
+export const usePostV2TerrafundValidationSitePolygons = (
   options?: Omit<
-    reactQuery.UseQueryOptions<
-      GetV2TerrafundValidationSitePolygonsResponse,
-      GetV2TerrafundValidationSitePolygonsError,
-      TData
+    reactQuery.UseMutationOptions<
+      PostV2TerrafundValidationSitePolygonsResponse,
+      PostV2TerrafundValidationSitePolygonsError,
+      PostV2TerrafundValidationSitePolygonsVariables
     >,
-    "queryKey" | "queryFn"
+    "mutationFn"
   >
 ) => {
-  const { fetcherOptions, queryOptions, queryKeyFn } = useApiContext(options);
-  return reactQuery.useQuery<
-    GetV2TerrafundValidationSitePolygonsResponse,
-    GetV2TerrafundValidationSitePolygonsError,
-    TData
+  const { fetcherOptions } = useApiContext();
+  return reactQuery.useMutation<
+    PostV2TerrafundValidationSitePolygonsResponse,
+    PostV2TerrafundValidationSitePolygonsError,
+    PostV2TerrafundValidationSitePolygonsVariables
   >(
-    queryKeyFn({
-      path: "/v2/terrafund/validation/sitePolygons",
-      operationId: "getV2TerrafundValidationSitePolygons",
-      variables
-    }),
-    ({ signal }) => fetchGetV2TerrafundValidationSitePolygons({ ...fetcherOptions, ...variables }, signal),
-    {
-      ...options,
-      ...queryOptions
-    }
+    (variables: PostV2TerrafundValidationSitePolygonsVariables) =>
+      fetchPostV2TerrafundValidationSitePolygons({ ...fetcherOptions, ...variables }),
+    options
   );
 };
 
@@ -32183,31 +32179,8 @@ export type PostV2TerrafundSitePolygonUuidSiteUuidResponse = {
   area?: number;
 };
 
-export type PostV2TerrafundSitePolygonUuidSiteUuidRequestBody = {
-  id?: number;
-  uuid?: string;
-  poly_name?: string;
-  /**
-   * @format date
-   */
-  plantstart?: string;
-  /**
-   * @format date
-   */
-  plantend?: string;
-  practice?: string;
-  target_sys?: string;
-  distr?: string;
-  num_trees?: number;
-  /**
-   * @format float
-   */
-  calc_area?: number;
-  status?: string;
-};
-
 export type PostV2TerrafundSitePolygonUuidSiteUuidVariables = {
-  body?: PostV2TerrafundSitePolygonUuidSiteUuidRequestBody;
+  body?: RequestBodies.Body;
   pathParams: PostV2TerrafundSitePolygonUuidSiteUuidPathParams;
 } & ApiContext["fetcherOptions"];
 
@@ -32218,7 +32191,7 @@ export const fetchPostV2TerrafundSitePolygonUuidSiteUuid = (
   apiFetch<
     PostV2TerrafundSitePolygonUuidSiteUuidResponse,
     PostV2TerrafundSitePolygonUuidSiteUuidError,
-    PostV2TerrafundSitePolygonUuidSiteUuidRequestBody,
+    RequestBodies.Body,
     {},
     {},
     PostV2TerrafundSitePolygonUuidSiteUuidPathParams
@@ -32588,6 +32561,358 @@ export const useDeleteV2TerrafundPolygonUuid = (
   );
 };
 
+export type GetV2TerrafundGeojsonSiteQueryParams = {
+  /**
+   * UUID of the aite.
+   */
+  uuid: string;
+};
+
+export type GetV2TerrafundGeojsonSiteError = Fetcher.ErrorWrapper<undefined>;
+
+export type GetV2TerrafundGeojsonSiteResponse = {
+  type?: string;
+};
+
+export type GetV2TerrafundGeojsonSiteVariables = {
+  queryParams: GetV2TerrafundGeojsonSiteQueryParams;
+} & ApiContext["fetcherOptions"];
+
+export const fetchGetV2TerrafundGeojsonSite = (variables: GetV2TerrafundGeojsonSiteVariables, signal?: AbortSignal) =>
+  apiFetch<
+    GetV2TerrafundGeojsonSiteResponse,
+    GetV2TerrafundGeojsonSiteError,
+    undefined,
+    {},
+    GetV2TerrafundGeojsonSiteQueryParams,
+    {}
+  >({ url: "/v2/terrafund/geojson/site", method: "get", ...variables, signal });
+
+export const useGetV2TerrafundGeojsonSite = <TData = GetV2TerrafundGeojsonSiteResponse>(
+  variables: GetV2TerrafundGeojsonSiteVariables,
+  options?: Omit<
+    reactQuery.UseQueryOptions<GetV2TerrafundGeojsonSiteResponse, GetV2TerrafundGeojsonSiteError, TData>,
+    "queryKey" | "queryFn"
+  >
+) => {
+  const { fetcherOptions, queryOptions, queryKeyFn } = useApiContext(options);
+  return reactQuery.useQuery<GetV2TerrafundGeojsonSiteResponse, GetV2TerrafundGeojsonSiteError, TData>(
+    queryKeyFn({ path: "/v2/terrafund/geojson/site", operationId: "getV2TerrafundGeojsonSite", variables }),
+    ({ signal }) => fetchGetV2TerrafundGeojsonSite({ ...fetcherOptions, ...variables }, signal),
+    {
+      ...options,
+      ...queryOptions
+    }
+  );
+};
+
+export type PostV2TerrafundPolygonError = Fetcher.ErrorWrapper<undefined>;
+
+export type PostV2TerrafundPolygonResponse = {
+  uuid?: string;
+};
+
+export type PostV2TerrafundPolygonRequestBody = {
+  geometry?: string;
+};
+
+export type PostV2TerrafundPolygonVariables = {
+  body?: PostV2TerrafundPolygonRequestBody;
+} & ApiContext["fetcherOptions"];
+
+export const fetchPostV2TerrafundPolygon = (variables: PostV2TerrafundPolygonVariables, signal?: AbortSignal) =>
+  apiFetch<PostV2TerrafundPolygonResponse, PostV2TerrafundPolygonError, PostV2TerrafundPolygonRequestBody, {}, {}, {}>({
+    url: "/v2/terrafund/polygon",
+    method: "post",
+    ...variables,
+    signal
+  });
+
+export const usePostV2TerrafundPolygon = (
+  options?: Omit<
+    reactQuery.UseMutationOptions<
+      PostV2TerrafundPolygonResponse,
+      PostV2TerrafundPolygonError,
+      PostV2TerrafundPolygonVariables
+    >,
+    "mutationFn"
+  >
+) => {
+  const { fetcherOptions } = useApiContext();
+  return reactQuery.useMutation<
+    PostV2TerrafundPolygonResponse,
+    PostV2TerrafundPolygonError,
+    PostV2TerrafundPolygonVariables
+  >(
+    (variables: PostV2TerrafundPolygonVariables) => fetchPostV2TerrafundPolygon({ ...fetcherOptions, ...variables }),
+    options
+  );
+};
+
+export type PostV2TerrafundUploadGeojsonError = Fetcher.ErrorWrapper<undefined>;
+
+export type PostV2TerrafundUploadGeojsonResponse = {
+  message?: string;
+  uuid?: string;
+};
+
+export type PostV2TerrafundUploadGeojsonRequestBody = {
+  /**
+   * The GeoJSON file to upload
+   *
+   * @format binary
+   */
+  file: Blob;
+  /**
+   * The UUID of the site associated with the GeoJSON file
+   */
+  uuid: string;
+};
+
+export type PostV2TerrafundUploadGeojsonVariables = {
+  body: PostV2TerrafundUploadGeojsonRequestBody;
+} & ApiContext["fetcherOptions"];
+
+/**
+ * Uploads a GeoJSON file, converts it to GeoJSON, and inserts it into the database.
+ */
+export const fetchPostV2TerrafundUploadGeojson = (
+  variables: PostV2TerrafundUploadGeojsonVariables,
+  signal?: AbortSignal
+) =>
+  apiFetch<
+    PostV2TerrafundUploadGeojsonResponse,
+    PostV2TerrafundUploadGeojsonError,
+    PostV2TerrafundUploadGeojsonRequestBody,
+    {},
+    {},
+    {}
+  >({ url: "/v2/terrafund/upload-geojson", method: "post", ...variables, signal });
+
+/**
+ * Uploads a GeoJSON file, converts it to GeoJSON, and inserts it into the database.
+ */
+export const usePostV2TerrafundUploadGeojson = (
+  options?: Omit<
+    reactQuery.UseMutationOptions<
+      PostV2TerrafundUploadGeojsonResponse,
+      PostV2TerrafundUploadGeojsonError,
+      PostV2TerrafundUploadGeojsonVariables
+    >,
+    "mutationFn"
+  >
+) => {
+  const { fetcherOptions } = useApiContext();
+  return reactQuery.useMutation<
+    PostV2TerrafundUploadGeojsonResponse,
+    PostV2TerrafundUploadGeojsonError,
+    PostV2TerrafundUploadGeojsonVariables
+  >(
+    (variables: PostV2TerrafundUploadGeojsonVariables) =>
+      fetchPostV2TerrafundUploadGeojson({ ...fetcherOptions, ...variables }),
+    options
+  );
+};
+
+export type PostV2TerrafundUploadShapefileError = Fetcher.ErrorWrapper<undefined>;
+
+export type PostV2TerrafundUploadShapefileResponse = {
+  message?: string;
+  uuid?: string;
+};
+
+export type PostV2TerrafundUploadShapefileRequestBody = {
+  /**
+   * The shapefile to upload
+   *
+   * @format binary
+   */
+  file: Blob;
+  /**
+   * The UUID of the site associated with the shapefile
+   */
+  uuid: string;
+};
+
+export type PostV2TerrafundUploadShapefileVariables = {
+  body: PostV2TerrafundUploadShapefileRequestBody;
+} & ApiContext["fetcherOptions"];
+
+/**
+ * Uploads a shapefile, converts it to GeoJSON, and inserts it into the database.
+ */
+export const fetchPostV2TerrafundUploadShapefile = (
+  variables: PostV2TerrafundUploadShapefileVariables,
+  signal?: AbortSignal
+) =>
+  apiFetch<
+    PostV2TerrafundUploadShapefileResponse,
+    PostV2TerrafundUploadShapefileError,
+    PostV2TerrafundUploadShapefileRequestBody,
+    {},
+    {},
+    {}
+  >({ url: "/v2/terrafund/upload-shapefile", method: "post", ...variables, signal });
+
+/**
+ * Uploads a shapefile, converts it to GeoJSON, and inserts it into the database.
+ */
+export const usePostV2TerrafundUploadShapefile = (
+  options?: Omit<
+    reactQuery.UseMutationOptions<
+      PostV2TerrafundUploadShapefileResponse,
+      PostV2TerrafundUploadShapefileError,
+      PostV2TerrafundUploadShapefileVariables
+    >,
+    "mutationFn"
+  >
+) => {
+  const { fetcherOptions } = useApiContext();
+  return reactQuery.useMutation<
+    PostV2TerrafundUploadShapefileResponse,
+    PostV2TerrafundUploadShapefileError,
+    PostV2TerrafundUploadShapefileVariables
+  >(
+    (variables: PostV2TerrafundUploadShapefileVariables) =>
+      fetchPostV2TerrafundUploadShapefile({ ...fetcherOptions, ...variables }),
+    options
+  );
+};
+
+export type PostV2TerrafundUploadKmlError = Fetcher.ErrorWrapper<undefined>;
+
+export type PostV2TerrafundUploadKmlResponse = {
+  message?: string;
+  uuid?: string;
+};
+
+export type PostV2TerrafundUploadKmlRequestBody = {
+  /**
+   * The KML file to upload
+   *
+   * @format binary
+   */
+  file: Blob;
+  /**
+   * The UUID of the site associated with the KML file
+   */
+  uuid: string;
+};
+
+export type PostV2TerrafundUploadKmlVariables = {
+  body: PostV2TerrafundUploadKmlRequestBody;
+} & ApiContext["fetcherOptions"];
+
+/**
+ * Uploads a KML file, converts it to GeoJSON, and inserts it into the database.
+ */
+export const fetchPostV2TerrafundUploadKml = (variables: PostV2TerrafundUploadKmlVariables, signal?: AbortSignal) =>
+  apiFetch<
+    PostV2TerrafundUploadKmlResponse,
+    PostV2TerrafundUploadKmlError,
+    PostV2TerrafundUploadKmlRequestBody,
+    {},
+    {},
+    {}
+  >({ url: "/v2/terrafund/upload-kml", method: "post", ...variables, signal });
+
+/**
+ * Uploads a KML file, converts it to GeoJSON, and inserts it into the database.
+ */
+export const usePostV2TerrafundUploadKml = (
+  options?: Omit<
+    reactQuery.UseMutationOptions<
+      PostV2TerrafundUploadKmlResponse,
+      PostV2TerrafundUploadKmlError,
+      PostV2TerrafundUploadKmlVariables
+    >,
+    "mutationFn"
+  >
+) => {
+  const { fetcherOptions } = useApiContext();
+  return reactQuery.useMutation<
+    PostV2TerrafundUploadKmlResponse,
+    PostV2TerrafundUploadKmlError,
+    PostV2TerrafundUploadKmlVariables
+  >(
+    (variables: PostV2TerrafundUploadKmlVariables) =>
+      fetchPostV2TerrafundUploadKml({ ...fetcherOptions, ...variables }),
+    options
+  );
+};
+
+export type PutV2TerrafundSitePolygonUuidPathParams = {
+  /**
+   * The UUID of the site polygon
+   */
+  uuid: string;
+};
+
+export type PutV2TerrafundSitePolygonUuidError = Fetcher.ErrorWrapper<undefined>;
+
+export type PutV2TerrafundSitePolygonUuidResponse = {
+  id?: number;
+  uuid?: string;
+  poly_name?: string;
+  /**
+   * @format date
+   */
+  plantstart?: string;
+  /**
+   * @format date
+   */
+  plantend?: string;
+  practice?: string;
+  target_sys?: string;
+  distr?: string;
+  num_trees?: number;
+  /**
+   * @format float
+   */
+  calc_area?: number;
+  status?: string;
+};
+
+export type PutV2TerrafundSitePolygonUuidVariables = {
+  body?: RequestBodies.Body;
+  pathParams: PutV2TerrafundSitePolygonUuidPathParams;
+} & ApiContext["fetcherOptions"];
+
+export const fetchPutV2TerrafundSitePolygonUuid = (
+  variables: PutV2TerrafundSitePolygonUuidVariables,
+  signal?: AbortSignal
+) =>
+  apiFetch<
+    PutV2TerrafundSitePolygonUuidResponse,
+    PutV2TerrafundSitePolygonUuidError,
+    RequestBodies.Body,
+    {},
+    {},
+    PutV2TerrafundSitePolygonUuidPathParams
+  >({ url: "/v2/terrafund/site-polygon/{uuid}", method: "put", ...variables, signal });
+
+export const usePutV2TerrafundSitePolygonUuid = (
+  options?: Omit<
+    reactQuery.UseMutationOptions<
+      PutV2TerrafundSitePolygonUuidResponse,
+      PutV2TerrafundSitePolygonUuidError,
+      PutV2TerrafundSitePolygonUuidVariables
+    >,
+    "mutationFn"
+  >
+) => {
+  const { fetcherOptions } = useApiContext();
+  return reactQuery.useMutation<
+    PutV2TerrafundSitePolygonUuidResponse,
+    PutV2TerrafundSitePolygonUuidError,
+    PutV2TerrafundSitePolygonUuidVariables
+  >(
+    (variables: PutV2TerrafundSitePolygonUuidVariables) =>
+      fetchPutV2TerrafundSitePolygonUuid({ ...fetcherOptions, ...variables }),
+    options
+  );
+};
+
 export type GetV2DashboardJobsCreatedQueryParams = {
   /**
    * Optional. Filter counts and metrics by country.
@@ -33896,21 +34221,11 @@ export type QueryOperation =
       operationId: "getV2ENTITYUUIDExport";
       variables: GetV2ENTITYUUIDExportVariables;
     }
-  | {
-      path: "/v2/terrafund/validation/polygon";
-      operationId: "getV2TerrafundValidationPolygon";
-      variables: GetV2TerrafundValidationPolygonVariables;
-    }
   | {
       path: "/v2/terrafund/validation/criteria-data";
       operationId: "getV2TerrafundValidationCriteriaData";
       variables: GetV2TerrafundValidationCriteriaDataVariables;
     }
-  | {
-      path: "/v2/terrafund/validation/sitePolygons";
-      operationId: "getV2TerrafundValidationSitePolygons";
-      variables: GetV2TerrafundValidationSitePolygonsVariables;
-    }
   | {
       path: "/v2/terrafund/validation/site";
       operationId: "getV2TerrafundValidationSite";
@@ -33941,6 +34256,11 @@ export type QueryOperation =
       operationId: "getV2TerrafundPolygonUuid";
       variables: GetV2TerrafundPolygonUuidVariables;
     }
+  | {
+      path: "/v2/terrafund/geojson/site";
+      operationId: "getV2TerrafundGeojsonSite";
+      variables: GetV2TerrafundGeojsonSiteVariables;
+    }
   | {
       path: "/v2/dashboard/jobs-created";
       operationId: "getV2DashboardJobsCreated";
diff --git a/src/generated/apiRequestBodies.ts b/src/generated/apiRequestBodies.ts
index cf8e804f8..a0d0cc5b5 100644
--- a/src/generated/apiRequestBodies.ts
+++ b/src/generated/apiRequestBodies.ts
@@ -17,6 +17,29 @@ export type PatchV2AuthVerifyBody = {
   token?: string;
 };
 
+export type Body = {
+  id?: number;
+  uuid?: string;
+  poly_name?: string;
+  /**
+   * @format date
+   */
+  plantstart?: string;
+  /**
+   * @format date
+   */
+  plantend?: string;
+  practice?: string;
+  target_sys?: string;
+  distr?: string;
+  num_trees?: number;
+  /**
+   * @format float
+   */
+  calc_area?: number;
+  status?: string;
+};
+
 export type PostV2FundingProgrammeBody = {
   name?: string;
   description?: string;
diff --git a/src/generated/apiSchemas.ts b/src/generated/apiSchemas.ts
index 029fe3a5c..a888f2621 100644
--- a/src/generated/apiSchemas.ts
+++ b/src/generated/apiSchemas.ts
@@ -23201,6 +23201,18 @@ export type GeoJSONResponse = {
   }[];
 };
 
+export type FeatureCollection = {
+  type?: string;
+};
+
+export type PolygonBboxResponse = {
+  bbox?: number[];
+};
+
+export type DashboardPolygonResponse = {
+  uuid?: string;
+};
+
 export type DashboardJobsCreatedResponse = {
   data?: {
     totalJobsCreated?: number;
diff --git a/src/pages/site/[uuid]/components/MockedData.ts b/src/pages/site/[uuid]/components/MockedData.ts
new file mode 100644
index 000000000..056628fbc
--- /dev/null
+++ b/src/pages/site/[uuid]/components/MockedData.ts
@@ -0,0 +1,42 @@
+export const uploadImageData = [
+  { id: "1", name: "Images5.png", status: "We are processing your image", isVerified: true },
+  { id: "2", name: "Images4.png", status: "We are processing your image", isVerified: true },
+  { id: "3", name: "Images3.png", status: "/home/solidgrids/Images3.png", isVerified: true },
+  { id: "4", name: "Images2.png", status: "/home/solidgrids/Images2.png", isVerified: false },
+  { id: "5", name: "Images1.png", status: "/home/solidgrids/Images1.png", isVerified: false }
+];
+
+export const polygonStatusLabels = [
+  { id: "1", label: "Site Approved" },
+  { id: "2", label: "Polygons Submitted" },
+  { id: "3", label: "Polygons Approved" },
+  { id: "4", label: "Monitoring Begins" }
+];
+
+export const commentaryFiles = [
+  { id: "1", file: "img-attachment.jpeg" },
+  { id: "2", file: "img-attachment-with-large-name.jpeg" },
+  { id: "3", file: "img-attachment.jpeg" },
+  { id: "4", file: "img-attachment.jpeg" }
+];
+
+export const commentariesItems = [
+  {
+    id: "1",
+    name: "Ricardo",
+    lastName: "Saavedra",
+    date: "Oct 6, 2022 at 1:12 AM",
+    commentary: `Don't see the outline. the source code also needs to be updated.re: aligned to one source. we need to make sure whether this is appropriate. consider that we have the organization in sign-up/profile, mask, and work request boards. On Thursday will provide the the source tables requested`,
+    files: commentaryFiles,
+    status: "Submitted"
+  },
+  {
+    id: "2",
+    name: "Katie",
+    lastName: "Evers",
+    date: "Oct 5, 2022 at 11:51 PM",
+    commentary: `The zoom to areas table sources the main mapvi
+      ew drop down list which only has for example, "Adams County" and not "Unincorporated Adams County". Do we want both options? @ricardosaavedra2    what is the source table of the mask layers? and also what is the source layer for work request drop down? Earlier this week when I was trying to add highlands ranch geom you said 'jurisdictions'. I added it but still don't see the outline. All this should be aligned to one source with data restructure I added it but still don't see the outline. All this should be aligned to one source with data restructure I added it but still don't see the outline. All this should be aligned to one source with data restructure`,
+    status: "Draft"
+  }
+];
diff --git a/src/styles/extended-components.css b/src/styles/extended-components.css
index da32c7ba2..1d821542b 100644
--- a/src/styles/extended-components.css
+++ b/src/styles/extended-components.css
@@ -13,3 +13,28 @@
   border-right-color: rgba(100, 100, 100, 0.75) !important;
   border-width: 6px;
 }
+
+.popup-content-map {
+  width: max-content;
+}
+
+.mapboxgl-popup-content{
+  width: 295px;
+}
+
+.popup-map {
+  max-width: 295px !important;
+  width: 295px;
+  padding: 0;
+}
+
+.popup-map .mapboxgl-popup-content {
+  padding: 0;
+}
+
+.popup-map .mapboxgl-popup-close-button {
+  font-size: 25px;
+  color: #718184;
+  top: 6px;
+  right: 10px;
+}
\ No newline at end of file