[TM-874] solved PR - add transifex and remove mocked data

wri · Jun 12, 2024 · 02017fc · 02017fc
1 parent 02249ca
commit 02017fc
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 17 deletions.
diff --git a/src/components/elements/MapPolygonPanel/ChecklistInformation.tsx b/src/components/elements/MapPolygonPanel/ChecklistInformation.tsx
@@ -16,7 +16,8 @@ const ChecklistInformation = () => {
       <ModalWithMap
         title={t("Request Support")}
         onClose={closeModal}
-        primaryButtonText="Submit"
+        primaryButtonText={t("Submit")}
+        content="-&nbsp;&nbsp;•&nbsp;&nbsp;-"
         primaryButtonProps={{ className: "px-8 py-3", variant: "primary", onClick: closeModal }}
       ></ModalWithMap>
     );

diff --git a/src/components/elements/MapPolygonPanel/MapPolygonPanelItem.tsx b/src/components/elements/MapPolygonPanel/MapPolygonPanelItem.tsx
@@ -1,3 +1,4 @@
+import { useT } from "@transifex/react";
 import classNames from "classnames";
 import { DetailedHTMLProps, Dispatch, HTMLAttributes, SetStateAction } from "react";
 
@@ -32,35 +33,37 @@ const MapPolygonPanelItem = ({
   ...props
 }: MapPolygonPanelItemProps) => {
   const { openModal, closeModal } = useModalContext();
+  const t = useT();
+
   const openFormModalHandlerRequestPolygonSupport = () => {
     openModal(
       <ModalWithMap
-        title="Request Support"
+        title={t("Request Support")}
         onClose={closeModal}
-        content="Faja Lobi Project&nbsp;&nbsp;•&nbsp;&nbsp;Priceless Planet Coalition"
-        primaryButtonText="Submit"
+        content="-&nbsp;&nbsp;•&nbsp;&nbsp;-"
+        primaryButtonText={t("Submit")}
         primaryButtonProps={{ className: "px-8 py-3", variant: "primary", onClick: closeModal }}
       ></ModalWithMap>
     );
   };
   const openFormModalHandlerAddCommentary = () => {
     openModal(
       <ModalWithLogo
-        title="Blue Forest"
+        title={t("Blue Forest")}
         onClose={closeModal}
         status={StatusEnum.UNDER_REVIEW}
         toogleButton
-        content="Faja Lobi Project&nbsp;&nbsp;•&nbsp;&nbsp;Priceless Planet Coalition"
-        primaryButtonText="Close"
+        content="-&nbsp;&nbsp;•&nbsp;&nbsp;-"
+        primaryButtonText={t("Close")}
         primaryButtonProps={{ className: "px-8 py-3", variant: "primary", onClick: closeModal }}
       />
     );
   };
   const openFormModalHandlerConfirm = () => {
     openModal(
       <ModalConfirm
-        title={"Confirm Polygon Deletion"}
-        content="Do you want to delete this polygon?"
+        title={t("Confirm Polygon Deletion")}
+        content={t("Do you want to delete this polygon?")}
         onClose={closeModal}
         onConfirm={() => {}}
       />
@@ -73,7 +76,7 @@ const MapPolygonPanelItem = ({
       render: () => (
         <Text variant="text-14-semibold" className="flex items-center">
           <Icon name={IconNames.IC_SITE_VIEW} className="h-4 w-4 lg:h-5 lg:w-5" />
-          &nbsp; Edit Polygon
+          &nbsp; {t("Edit Polygon")}
         </Text>
       ),
       onClick: () => {
@@ -87,7 +90,7 @@ const MapPolygonPanelItem = ({
       render: () => (
         <Text variant="text-14-semibold" className="flex items-center">
           <Icon name={IconNames.SEARCH} className="h-4 w-4 lg:h-5 lg:w-5" />
-          &nbsp; Zoom to
+          &nbsp; {t("Zoom to")}
         </Text>
       )
     },
@@ -96,7 +99,7 @@ const MapPolygonPanelItem = ({
       render: () => (
         <Text variant="text-14-semibold" className="flex items-center">
           <Icon name={IconNames.DOWNLOAD_PA} className="h-5 w-5 lg:h-6 lg:w-6" />
-          &nbsp; Download
+          &nbsp; {t("Download")}
         </Text>
       )
     },
@@ -106,7 +109,7 @@ const MapPolygonPanelItem = ({
         <Button variant="text" onClick={openFormModalHandlerAddCommentary}>
           <Text variant="text-14-semibold" className="flex items-center">
             <Icon name={IconNames.COMMENT} className="h-5 w-5 lg:h-6 lg:w-6 " />
-            &nbsp; Comment
+            &nbsp; {t("Comment")}
           </Text>
         </Button>
       )
@@ -117,7 +120,7 @@ const MapPolygonPanelItem = ({
         <Button variant="text" onClick={openFormModalHandlerRequestPolygonSupport}>
           <Text variant="text-14-semibold" className="flex items-center">
             <Icon name={IconNames.REQUEST} className="h-5 w-5 lg:h-6 lg:w-6 " />
-            &nbsp; Request Support
+            &nbsp; {t("Request Support")}
           </Text>
         </Button>
       )
@@ -128,7 +131,7 @@ const MapPolygonPanelItem = ({
         <Button variant="text" onClick={openFormModalHandlerConfirm}>
           <Text variant="text-14-semibold" className="flex items-center">
             <Icon name={IconNames.TRASH_PA} className="h-5 w-5 lg:h-6 lg:w-6 " />
-            &nbsp; Delete Polygon
+            &nbsp; {t("Delete Polygon")}
           </Text>
         </Button>
       )
@@ -148,9 +151,9 @@ const MapPolygonPanelItem = ({
           <Icon name={IconNames.MAP_THUMBNAIL} className="h-11 w-11 rounded-lg bg-neutral-300" />
           <div className="flex flex-1 flex-col">
             <Text variant="text-14-bold" className="">
-              {title}
+              {t(title)}
             </Text>
-            <Text variant="text-14-light">{subtitle}</Text>
+            <Text variant="text-14-light">{t(subtitle)}</Text>
           </div>
           <div className="lex h-full self-start">
             <Menu container={refContainer?.current} placement={MENU_PLACEMENT_RIGHT_BOTTOM} menu={itemsPrimaryMenu}>