Merge pull request #1892 from jicruz96/testimony-count-translations

extract translate-able text from testimony count components

Author: mertbagt

components/HotBillCard/HotBillCard.tsx

@@ -66,11 +66,11 @@ export const TestimonyCounts = ({
       <CountTotal className={`ms-2`}>{total} Total Testimonies</CountTotal>
       <CountDirection className={`me-1 ms-4 my-1`}>
         <Col className={`px-2`}>
-          <CountCategory>Endorse</CountCategory>
+          <CountCategory>{t("counts.endorsements.title")}</CountCategory>
           <Row className={`justify-content-start`}>
             <CountIcon
               src="/thumbs-endorse.svg"
-              alt={t("counts.endorsements")}
+              alt={t("counts.endorsements.alt")}
               height="23"
             />
             <CountTally className={`align-self-center pe-0 ps-2`}>
@@ -79,11 +79,11 @@ export const TestimonyCounts = ({
           </Row>
         </Col>
         <Col className={`px-2`}>
-          <CountCategory>Neutral</CountCategory>
+          <CountCategory>{t("counts.neutral.title")}</CountCategory>
           <Row className={`justify-content-start`}>
             <CountIcon
               src="/thumbs-neutral.svg"
-              alt={t("counts.neutral")}
+              alt={t("counts.neutral.alt")}
               height="23"
             />
             <CountTally className={`align-self-center pe-0 ps-2`}>
@@ -92,11 +92,11 @@ export const TestimonyCounts = ({
           </Row>
         </Col>
         <Col className={`px-2`}>
-          <CountCategory>Oppose</CountCategory>
+          <CountCategory>{t("counts.oppose.title")}</CountCategory>
           <Row className={`justify-content-start`}>
             <CountIcon
               src="/thumbs-oppose.svg"
-              alt={t("counts.oppose")}
+              alt={t("counts.oppose.alt")}
               height="23"
             />
             <CountTally className={`align-self-center pe-0 ps-2`}>

components/HotBillCard/Positions.tsx

@@ -1,9 +1,18 @@
 {
   "counts": {
-    "endorsements": "The total number of testimonies that endorse the bill.",
-    "neutral":"The total number of testimonies that are neutral towards the bill.",
-    "oppose":"The total number of testimonies that oppose the bill."
+    "endorsements": {
+      "title": "Endorse",
+      "alt": "The total number of testimonies that endorse the bill."
     },
+    "neutral": {
+      "title": "Neutral",
+      "alt": "The total number of testimonies that are neutral towards the bill."
+    },
+    "oppose": {
+      "title": "Oppose",
+      "alt": "The total number of testimonies that oppose the bill."
+    }
+  },
   "link": {
     "tweetContent": "I provided testimony on Bill {{billNumber}}. See {{link}} for details.",
     "twitter": "Tweet Your Published Testimony"
@@ -61,7 +70,7 @@
     "reporting": "Reporting",
     "report": "Report",
     "rescind": "You may request that your testimony be deleted by completing this form. Since MAPLE is an archive, deletion requests will only be granted if the testimony was submitted on the wrong bill, if it contained sensitive personal information, or if the user is below 18 years old.",
-    "personalInformation": "Personal Information", 
+    "personalInformation": "Personal Information",
     "wrongBill": "Submitted to wrong bill",
     "offensive": "Offensive",
     "violent": "Violent",
@@ -156,4 +165,4 @@
     "draft": "Draft",
     "emailCta": "Email Your Published Testimony"
   }
-}
+}

components/bill/TestimonyCounts.tsx

@@ -134,11 +134,6 @@ figmaUrl: https://www.figma.com/file/3ifz37EOwDfmnEG8320KlD/CS1---MAPLE?node-id=
 
 # Dashboard Newsfeed
 ---
-name: HotBillCard
-folder: dashboard/newsfeed
-grouping: Dashboard/Newsfeed
-figmaUrl: https://www.figma.com/file/3ifz37EOwDfmnEG8320KlD/CS1---MAPLE?node-id=158%3A3865
----
 name: NewsfeedCard
 folder: dashboard/newsfeed
 grouping: Dashboard/Newsfeed