[TM-1605] add GoalsAndProgressSiteTab component to overview tab

wri · Jan 30, 2025 · d6e5d17 · d6e5d17
1 parent 40c3f9f
commit d6e5d17
Showing 1 changed file with 2 additions and 32 deletions.
diff --git a/src/pages/site/[uuid]/tabs/Overview.tsx b/src/pages/site/[uuid]/tabs/Overview.tsx
@@ -7,7 +7,6 @@ import ModalIdentified from "@/admin/components/extensive/Modal/ModalIdentified"
 import { AuditLogButtonStates } from "@/admin/components/ResourceTabs/AuditLogTab/constants/enum";
 import AddDataButton from "@/admin/components/ResourceTabs/PolygonReviewTab/components/AddDataButton";
 import Button from "@/components/elements/Button/Button";
-import GoalProgressCard from "@/components/elements/Cards/GoalProgressCard/GoalProgressCard";
 import ItemMonitoringCards from "@/components/elements/Cards/ItemMonitoringCard/ItemMonitoringCards";
 import Dropdown from "@/components/elements/Inputs/Dropdown/Dropdown";
 import { VARIANT_FILE_INPUT_MODAL_ADD_IMAGES } from "@/components/elements/Inputs/FileInput/FileInputVariants";
@@ -23,7 +22,6 @@ import PageBody from "@/components/extensive/PageElements/Body/PageBody";
 import PageCard from "@/components/extensive/PageElements/Card/PageCard";
 import PageColumn from "@/components/extensive/PageElements/Column/PageColumn";
 import PageRow from "@/components/extensive/PageElements/Row/PageRow";
-import { Framework } from "@/context/framework.provider";
 import { useLoading } from "@/context/loaderAdmin.provider";
 import { useMapAreaContext } from "@/context/mapArea.provider";
 import { useModalContext } from "@/context/modal.provider";
@@ -43,6 +41,7 @@ import { FileType, UploadedFile } from "@/types/common";
 import { getErrorMessageFromPayload } from "@/utils/errors";
 import Log from "@/utils/log";
 
+import GoalsAndProgressSiteTab from "../components/GoalsAndProgressSiteTab";
 import SiteArea from "../components/SiteArea";
 
 interface SiteOverviewTabProps {
@@ -409,36 +408,7 @@ const SiteOverviewTab = ({ site, refetch: refetchEntity }: SiteOverviewTabProps)
               </Button>
             }
           >
-            <div className="flex w-full">
-              <div className="grid w-[50%] grid-cols-2 content-start gap-x-8 gap-y-7 pr-20">
-                <GoalProgressCard
-                  frameworksShow={[Framework.PPC]}
-                  label={t("Workday Count (PPC)")}
-                  value={site.combined_workday_count}
-                />
-                <GoalProgressCard
-                  label={t("Hectares Under Restoration")}
-                  value={site.total_hectares_restored_sum}
-                  limit={site.framework === Framework.PPC ? undefined : site.hectares_to_restore_goal}
-                />
-              </div>
-              <div>
-                <GoalProgressCard
-                  label={t("Trees restored")}
-                  hasProgress={false}
-                  items={[
-                    { iconName: IconNames.TREE_CIRCLE, label: t("Trees Planted"), value: site.trees_planted_count },
-                    { iconName: IconNames.LEAF_CIRCLE, label: t("Seeds Planted"), value: site.seeds_planted_count },
-                    {
-                      iconName: IconNames.REFRESH_CIRCLE,
-                      label: t("Trees Regenerating"),
-                      value: site.regenerated_trees_count
-                    }
-                  ]}
-                  className="flex-1"
-                />
-              </div>
-            </div>
+            <GoalsAndProgressSiteTab site={site} />
           </PageCard>
         </PageRow>
         <PageRow>