From 699cfda63ae2507bb5c7b53e62456659fc0e6bbd Mon Sep 17 00:00:00 2001
From: Dotnara Condori <dottykurmi123@gmail.com>
Date: Mon, 16 Dec 2024 08:50:56 -0400
Subject: [PATCH] [TM-1556] Admin Views: Add info icon text (#746)

---
 .../ResourceTabs/PolygonReviewTab/index.tsx         | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx
index 59f324e9..9117e645 100644
--- a/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx
+++ b/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx
@@ -26,6 +26,7 @@ import LinearProgressBarMonitored from "@/components/elements/ProgressBar/Linear
 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 ToolTip from "@/components/elements/Tooltip/Tooltip";
 import Icon from "@/components/extensive/Icon/Icon";
 import { IconNames } from "@/components/extensive/Icon/Icon";
 import ModalAdd from "@/components/extensive/Modal/ModalAdd";
@@ -628,7 +629,9 @@ const PolygonReviewTab: FC<IProps> = props => {
                   <div className="w-40 lg:w-48">
                     <Text variant="text-14" className="flex items-center gap-1 text-darkCustom">
                       Site Status
-                      <Icon name={IconNames.IC_INFO} className="h-3.5 w-3.5 text-darkCustom" />
+                      <ToolTip title={""} content={"Site Status"} width="" trigger="click">
+                        <Icon name={IconNames.IC_INFO} className="h-3.5 w-3.5 text-darkCustom" />
+                      </ToolTip>
                     </Text>
                     <Text variant="text-14-bold" className="leading-[normal] text-black">
                       {record?.readable_status}
@@ -637,7 +640,9 @@ const PolygonReviewTab: FC<IProps> = props => {
                   <div className="w-full">
                     <Text variant="text-14" className="mb-2 flex items-center gap-1 text-darkCustom">
                       Polygon Overview
-                      <Icon name={IconNames.IC_INFO} className="h-3.5 w-3.5 text-darkCustom" />
+                      <ToolTip title={""} content={"Polygon Overview"} width="" trigger="click">
+                        <Icon name={IconNames.IC_INFO} className="h-3.5 w-3.5 text-darkCustom" />
+                      </ToolTip>
                     </Text>
                     <If condition={sitePolygonData.length < total}>
                       <Then>
@@ -655,7 +660,9 @@ const PolygonReviewTab: FC<IProps> = props => {
                   <div className="mb-2">
                     <Text variant="text-16-bold" className="mb-2 flex items-center gap-1 text-darkCustom">
                       Add or Edit Polygons
-                      <Icon name={IconNames.IC_INFO} className="h-3.5 w-3.5 text-darkCustom" />
+                      <ToolTip title={""} content={"Add or Edit Polygons"} width="" trigger="click">
+                        <Icon name={IconNames.IC_INFO} className="h-3.5 w-3.5 text-darkCustom" />
+                      </ToolTip>
                     </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