[TM-1425] change icon edit in table monitored and chagen text style b…

…arChart (#748)
wri · Dec 16, 2024 · 3c54477 · 3c54477
1 parent 699cfda
commit 3c54477
Showing 1 changed file with 6 additions and 18 deletions.
diff --git a/src/admin/components/ResourceTabs/MonitoredTab/components/DataCard.tsx b/src/admin/components/ResourceTabs/MonitoredTab/components/DataCard.tsx
@@ -167,10 +167,7 @@ const TABLE_COLUMNS_HECTARES_STRATEGY: ColumnDef<RowData>[] = [
     enableSorting: false,
     cell: props => (
       <div className="flex w-full cursor-pointer items-center justify-end rounded p-1 hover:text-primary">
-        <Icon
-          name={IconNames.IC_ARROW_COLLAPSE}
-          className="h-4 w-4 rotate-90 rounded-sm text-grey-720 hover:text-primary"
-        />
+        <Icon name={IconNames.EDIT_PA} className="h-4 w-4 text-grey-720 hover:text-primary" />
       </div>
     ),
     meta: { style: { width: "5%" } }
@@ -212,10 +209,7 @@ const TABLE_COLUMNS_HECTARES_ECO_REGION: ColumnDef<RowData>[] = [
     enableSorting: false,
     cell: props => (
       <div className="flex w-full cursor-pointer items-center justify-end rounded p-1 hover:text-primary">
-        <Icon
-          name={IconNames.IC_ARROW_COLLAPSE}
-          className="h-4 w-4 rotate-90 rounded-sm text-grey-720 hover:text-primary"
-        />
+        <Icon name={IconNames.EDIT_PA} className="h-4 w-4 text-grey-720 hover:text-primary" />
       </div>
     ),
     meta: { style: { width: "5%" } }
@@ -257,10 +251,7 @@ const TABLE_COLUMNS_HECTARES_LAND_USE: ColumnDef<RowData>[] = [
     enableSorting: false,
     cell: props => (
       <div className="flex w-full cursor-pointer items-center justify-end rounded p-1 hover:text-primary">
-        <Icon
-          name={IconNames.IC_ARROW_COLLAPSE}
-          className="h-4 w-4 rotate-90 rounded-sm text-grey-720 hover:text-primary"
-        />
+        <Icon name={IconNames.EDIT_PA} className="h-4 w-4 text-grey-720 hover:text-primary" />
       </div>
     ),
     meta: { style: { width: "5%" } }
@@ -568,10 +559,7 @@ 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.IC_ARROW_COLLAPSE}
-                className="h-4 w-4 rotate-90 rounded-sm text-grey-720 hover:text-primary"
-              />
+              <Icon name={IconNames.EDIT_PA} className="h-4 w-4 text-grey-720 hover:text-primary" />
             </div>
           ),
           meta: { style: { top: `${topHeaderFirstTable}`, borderRadius: "0" } }
@@ -685,10 +673,10 @@ const DataCard = ({
                   Indicator Description
                 </Text>
                 <div className="flex min-h-0 flex-col gap-3 overflow-auto pr-1">
-                  <Text variant={"text-14-light"} className="text-darkCustom-150" containHtml>
+                  <Text variant={"text-14"} className="text-darkCustom" containHtml>
                     {indicatorDescription1}
                   </Text>
-                  <Text variant={"text-14-light"} className="text-darkCustom-150" containHtml>
+                  <Text variant={"text-14"} className="text-darkCustom" containHtml>
                     {indicatorDescription2}
                   </Text>
                 </div>