localize testimony counts titles and alt texts

Author: jicruz96

components/HotBillCard/Positions.tsx

@@ -1,5 +1,4 @@
 import React from "react"
-import { Container, CardImg } from "react-bootstrap"
 import Image from "react-bootstrap/Image"
 import styled from "styled-components"
 import { useTranslation } from "next-i18next"
@@ -14,29 +13,29 @@ export const Positions = (props: {
   return (
     <PositionsStyle>
       <PositionStyle>
-        <p className="stanceTitle">Endorse</p>
+        <p className="stanceTitle">{t("counts.endorsements.title")}</p>
         <div>
-          <Image className="svg" alt={t("counts.endorsements")} />
+          <Image className="svg" alt={t("counts.endorsements.alt")} />
           <p>{props.endorseCount}</p>
         </div>
       </PositionStyle>
       <PositionStyle>
-        <p className="stanceTitle">Neutral</p>
+        <p className="stanceTitle">{t("counts.neutral.title")}</p>
         <div>
           <Image
             className="svg"
-            alt={t("counts.neutral")}
+            alt={t("counts.neutral.alt")}
             src="/thumbs-neutral.svg"
           />
           <p>{props.neutralCount}</p>
         </div>
       </PositionStyle>
       <PositionStyle>
-        <p className="stanceTitle">Oppose</p>
+        <p className="stanceTitle">{t("counts.oppose.title")}</p>
         <div>
           <Image
             className="svg"
-            alt={t("counts.oppose")}
+            alt={t("counts.oppose.alt")}
             src="/thumbs-oppose.svg"
           />
           <p>{props.opposeCount}</p>

components/bill/TestimonyCounts.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`}>

public/locales/en/testimony.json

@@ -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"
   }
-}
+}