From e877b8a2d6b617e4645d01e584b27f5f16d26430 Mon Sep 17 00:00:00 2001
From: Dotty <dottykurmi123@gmail.com>
Date: Wed, 18 Dec 2024 15:08:20 -0400
Subject: [PATCH 1/2] [TM-1425] fix error color tag in table monitored

---
 src/admin/components/Fields/CustomChipField.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/admin/components/Fields/CustomChipField.tsx b/src/admin/components/Fields/CustomChipField.tsx
index e0a578304..78f030882 100644
--- a/src/admin/components/Fields/CustomChipField.tsx
+++ b/src/admin/components/Fields/CustomChipField.tsx
@@ -16,7 +16,10 @@ const STATUS_CLASSNAME_MAP: { [key: string]: string } = {
   "Needs Info": "bg-tertiary-50 text-tertiary-650",
   "Needs more information": "bg-tertiary-50 text-tertiary-650",
   "More info requested": "bg-tertiary-50 text-tertiary-650",
-  "No Update": "bg-grey-200 text-grey-500"
+  "No Update": "bg-grey-200 text-grey-500",
+  approved: "bg-green-30 text-green-100",
+  submitted: "bg-blue-200 text-blue",
+  "needs info": "bg-tertiary-50 text-tertiary-650"
 };
 
 const CustomChipField = ({

From 0de3e3a0e592e1abd5ec30c3a5067036dd0906a9 Mon Sep 17 00:00:00 2001
From: Dotty <dottykurmi123@gmail.com>
Date: Wed, 18 Dec 2024 15:45:17 -0400
Subject: [PATCH 2/2] [TM-1425] fix error table link

---
 .../components/Fields/CustomChipField.tsx     |   2 +-
 .../MonitoredTab/components/DataCard.tsx      | 290 +++++++++---------
 2 files changed, 148 insertions(+), 144 deletions(-)

diff --git a/src/admin/components/Fields/CustomChipField.tsx b/src/admin/components/Fields/CustomChipField.tsx
index 78f030882..66f1e51c9 100644
--- a/src/admin/components/Fields/CustomChipField.tsx
+++ b/src/admin/components/Fields/CustomChipField.tsx
@@ -19,7 +19,7 @@ const STATUS_CLASSNAME_MAP: { [key: string]: string } = {
   "No Update": "bg-grey-200 text-grey-500",
   approved: "bg-green-30 text-green-100",
   submitted: "bg-blue-200 text-blue",
-  "needs info": "bg-tertiary-50 text-tertiary-650"
+  "needs-more-information": "bg-tertiary-50 text-tertiary-650"
 };
 
 const CustomChipField = ({
diff --git a/src/admin/components/ResourceTabs/MonitoredTab/components/DataCard.tsx b/src/admin/components/ResourceTabs/MonitoredTab/components/DataCard.tsx
index ec2e28b5c..3abdfde48 100644
--- a/src/admin/components/ResourceTabs/MonitoredTab/components/DataCard.tsx
+++ b/src/admin/components/ResourceTabs/MonitoredTab/components/DataCard.tsx
@@ -120,144 +120,6 @@ const COMMON_COLUMNS: ColumnDef<RowData>[] = [
 
 type CustomColumnDefInternal<TData> = ColumnDef<TData> & { type?: string };
 
-const TABLE_COLUMNS_HECTARES_STRATEGY: ColumnDef<RowData>[] = [
-  ...COMMON_COLUMNS,
-  {
-    accessorKey: "data.tree_planting",
-    header: "Tree Planting",
-    cell: (props: any) => {
-      const value = props.getValue();
-      return value ?? "-";
-    },
-    meta: { style: { width: "11.95%" } }
-  },
-  {
-    accessorKey: "data.assisted_natural_regeneration",
-    header: () => (
-      <>
-        Asst. Nat.
-        <br />
-        Regeneration
-      </>
-    ),
-    cell: (props: any) => {
-      const value = props.getValue();
-      return value ?? "-";
-    },
-    meta: { style: { width: "12.09%" } }
-  },
-  {
-    accessorKey: "data.direct_seeding",
-    header: () => (
-      <>
-        Direct
-        <br />
-        Seeding
-      </>
-    ),
-    cell: (props: any) => {
-      const value = props.getValue();
-      return value ?? "-";
-    },
-    meta: { style: { width: "8.57%" } }
-  },
-  {
-    accessorKey: "more",
-    header: "",
-    enableSorting: false,
-    cell: props => (
-      <div className="flex w-full cursor-pointer items-center justify-end rounded p-1 hover:text-primary">
-        <Icon name={IconNames.EDIT_PA} className="h-4 w-4 text-darkCustom-300 hover:text-primary" />
-      </div>
-    ),
-    meta: { style: { width: "5%" } }
-  }
-];
-
-const TABLE_COLUMNS_HECTARES_ECO_REGION: ColumnDef<RowData>[] = [
-  ...COMMON_COLUMNS,
-  {
-    accessorKey: "data.australasian",
-    header: "Australasian",
-    cell: (props: any) => {
-      const value = props.getValue();
-      return value ?? "-";
-    },
-    meta: { style: { width: "11.45%" } }
-  },
-  {
-    accessorKey: "data.afrotropical",
-    header: "Afrotropical",
-    cell: (props: any) => {
-      const value = props.getValue();
-      return value ?? "-";
-    },
-    meta: { style: { width: "11.05%" } }
-  },
-  {
-    accessorKey: "data.paleartic",
-    header: "Paleartic11",
-    cell: (props: any) => {
-      const value = props.getValue();
-      return value ?? "-";
-    },
-    meta: { style: { width: "10.33%" } }
-  },
-  {
-    accessorKey: "more",
-    header: "",
-    enableSorting: false,
-    cell: props => (
-      <div className="flex w-full cursor-pointer items-center justify-end rounded p-1 hover:text-primary">
-        <Icon name={IconNames.EDIT_PA} className="h-4 w-4 text-darkCustom-300 hover:text-primary" />
-      </div>
-    ),
-    meta: { style: { width: "5%" } }
-  }
-];
-
-const TABLE_COLUMNS_HECTARES_LAND_USE: ColumnDef<RowData>[] = [
-  ...COMMON_COLUMNS,
-  {
-    accessorKey: "data.agroforest",
-    header: "Agroforest",
-    cell: (props: any) => {
-      const value = props.getValue();
-      return value ?? "-";
-    },
-    meta: { style: { width: "11.95%" } }
-  },
-  {
-    accessorKey: "data.natural_forest",
-    header: "Natural Forest",
-    cell: (props: any) => {
-      const value = props.getValue();
-      return value ?? "-";
-    },
-    meta: { style: { width: "12.09%" } }
-  },
-  {
-    accessorKey: "data.mangrove",
-    header: "Mangrove",
-    cell: (props: any) => {
-      const value = props.getValue();
-      return value ?? "-";
-    },
-    meta: { style: { width: "8.57%" } }
-  },
-  {
-    accessorKey: "more",
-    header: "",
-    enableSorting: false,
-    cell: props => (
-      <div className="flex w-full cursor-pointer items-center justify-end rounded p-1 hover:text-primary">
-        <Icon name={IconNames.EDIT_PA} className="h-4 w-4 text-darkCustom-300 hover:text-primary" />
-      </div>
-    ),
-    meta: { style: { width: "5%" } }
-  }
-];
-
 const DROPDOWN_OPTIONS = [
   {
     title: "Tree Cover Loss",
@@ -549,7 +411,9 @@ const DataCard = ({
           enableSorting: false,
           cell: props => (
             <div className="flex w-full cursor-pointer items-center justify-end rounded p-1 hover:text-primary">
-              <Icon name={IconNames.EDIT_PA} className="h-4 w-4 text-darkCustom-300 hover:text-primary" />
+              <button onClick={() => navigate(`${basename}/site/${(props.row.original as any)?.site_id}/show/1`)}>
+                <Icon name={IconNames.EDIT_PA} className="h-4 w-4 text-darkCustom-300 hover:text-primary" />
+              </button>
             </div>
           ),
           meta: { style: { top: `${topHeaderFirstTable}`, borderRadius: "0" } }
@@ -558,6 +422,150 @@ const DataCard = ({
     }
   ];
 
+  const TABLE_COLUMNS_HECTARES_STRATEGY: ColumnDef<RowData>[] = [
+    ...COMMON_COLUMNS,
+    {
+      accessorKey: "data.tree_planting",
+      header: "Tree Planting",
+      cell: (props: any) => {
+        const value = props.getValue();
+        return value ?? "-";
+      },
+      meta: { style: { width: "11.95%" } }
+    },
+    {
+      accessorKey: "data.assisted_natural_regeneration",
+      header: () => (
+        <>
+          Asst. Nat.
+          <br />
+          Regeneration
+        </>
+      ),
+      cell: (props: any) => {
+        const value = props.getValue();
+        return value ?? "-";
+      },
+      meta: { style: { width: "12.09%" } }
+    },
+    {
+      accessorKey: "data.direct_seeding",
+      header: () => (
+        <>
+          Direct
+          <br />
+          Seeding
+        </>
+      ),
+      cell: (props: any) => {
+        const value = props.getValue();
+        return value ?? "-";
+      },
+      meta: { style: { width: "8.57%" } }
+    },
+    {
+      accessorKey: "more",
+      header: "",
+      enableSorting: false,
+      cell: props => (
+        <div className="flex w-full cursor-pointer items-center justify-end rounded p-1 hover:text-primary">
+          <button onClick={() => navigate(`${basename}/site/${(props.row.original as any)?.site_id}/show/1`)}>
+            <Icon name={IconNames.EDIT_PA} className="h-4 w-4 text-darkCustom-300 hover:text-primary" />
+          </button>
+        </div>
+      ),
+      meta: { style: { width: "5%" } }
+    }
+  ];
+
+  const TABLE_COLUMNS_HECTARES_ECO_REGION: ColumnDef<RowData>[] = [
+    ...COMMON_COLUMNS,
+    {
+      accessorKey: "data.australasian",
+      header: "Australasian",
+      cell: (props: any) => {
+        const value = props.getValue();
+        return value ?? "-";
+      },
+      meta: { style: { width: "11.45%" } }
+    },
+    {
+      accessorKey: "data.afrotropical",
+      header: "Afrotropical",
+      cell: (props: any) => {
+        const value = props.getValue();
+        return value ?? "-";
+      },
+      meta: { style: { width: "11.05%" } }
+    },
+    {
+      accessorKey: "data.paleartic",
+      header: "Paleartic11",
+      cell: (props: any) => {
+        const value = props.getValue();
+        return value ?? "-";
+      },
+      meta: { style: { width: "10.33%" } }
+    },
+    {
+      accessorKey: "more",
+      header: "",
+      enableSorting: false,
+      cell: props => (
+        <div className="flex w-full cursor-pointer items-center justify-end rounded p-1 hover:text-primary">
+          <button onClick={() => navigate(`${basename}/site/${(props.row.original as any)?.site_id}/show/1`)}>
+            <Icon name={IconNames.EDIT_PA} className="h-4 w-4 text-darkCustom-300 hover:text-primary" />
+          </button>
+        </div>
+      ),
+      meta: { style: { width: "5%" } }
+    }
+  ];
+
+  const TABLE_COLUMNS_HECTARES_LAND_USE: ColumnDef<RowData>[] = [
+    ...COMMON_COLUMNS,
+    {
+      accessorKey: "data.agroforest",
+      header: "Agroforest",
+      cell: (props: any) => {
+        const value = props.getValue();
+        return value ?? "-";
+      },
+      meta: { style: { width: "11.95%" } }
+    },
+    {
+      accessorKey: "data.natural_forest",
+      header: "Natural Forest",
+      cell: (props: any) => {
+        const value = props.getValue();
+        return value ?? "-";
+      },
+      meta: { style: { width: "12.09%" } }
+    },
+    {
+      accessorKey: "data.mangrove",
+      header: "Mangrove",
+      cell: (props: any) => {
+        const value = props.getValue();
+        return value ?? "-";
+      },
+      meta: { style: { width: "8.57%" } }
+    },
+    {
+      accessorKey: "more",
+      header: "",
+      enableSorting: false,
+      cell: props => (
+        <div className="flex w-full cursor-pointer items-center justify-end rounded p-1 hover:text-primary">
+          <button onClick={() => navigate(`${basename}/site/${(props.row.original as any)?.site_id}/show/1`)}>
+            <Icon name={IconNames.EDIT_PA} className="h-4 w-4 text-darkCustom-300 hover:text-primary" />
+          </button>
+        </div>
+      ),
+      meta: { style: { width: "5%" } }
+    }
+  ];
+
   const TABLE_COLUMNS_MAPPING: Record<string, any> = {
     treeCoverLoss: TABLE_COLUMNS_TREE_COVER_LOSS,
     treeCoverLossFires: TABLE_COLUMNS_TREE_COVER_LOSS,
@@ -636,10 +644,6 @@ const DataCard = ({
                 classNameWrapper="!overflow-visible"
                 visibleRows={50}
                 border={1}
-                onRowClick={(row: any) => {
-                  navigate(`${basename}/site/${row?.site_id}/show/1`);
-                  setSelectPolygonFromMap?.({ isOpen: true, uuid: row?.poly_id });
-                }}
               />
             </div>
           </When>