added string translation

Author: mertbagt

components/search/bills/BillSearch.tsx

@@ -1,3 +1,4 @@
+import { useTranslation } from "next-i18next"
 import {
   CurrentRefinements,
   Hits,
@@ -106,6 +107,8 @@ const Layout: FC<
   const hierarchicalMenu = useBillHierarchicalMenu()
   const status = useSearchStatus()
 
+  const { t } = useTranslation("billSearch")
+
   return (
     <SearchContainer>
       <Row>
@@ -132,9 +135,9 @@ const Layout: FC<
           />
           {status === "empty" ? (
             <NoResults>
-              Your search has yielded zero results!
+              {t("zero_results")}
               <br />
-              <b>Try another search term</b>
+              <b>{t("another_term")}</b>
             </NoResults>
           ) : (
             <Hits hitComponent={BillHit} />

components/search/bills/useBillRefinements.tsx

@@ -3,6 +3,19 @@ import { RefinementListItem } from "instantsearch.js/es/connectors/refinement-li
 import { useCallback } from "react"
 import { useRefinements } from "../useRefinements"
 
+// for legacy code purposes, things like:
+//
+//   `legislative session` and `session`
+//
+// are used by variables that are named things like:
+//
+//   `general court` and `court`
+//
+// see example below:
+//
+//   attribute: "court",
+//   searchablePlaceholder: "Legislative Session",
+
 export const useBillRefinements = (list: Number) => {
   const baseProps = { limit: 500, searchable: true }
   const propsList1 = [

pages/bills/index.tsx

@@ -1,3 +1,4 @@
+import { useTranslation } from "next-i18next"
 import { Container } from "components/bootstrap"
 import { createPage } from "components/page"
 import { BillSearch } from "components/search"
@@ -6,9 +7,11 @@ import { createGetStaticTranslationProps } from "components/translations"
 export default createPage({
   title: "Browse Bills",
   Page: () => {
+    const { t } = useTranslation("billSearch")
+
     return (
       <Container fluid="md" className="mt-3">
-        <h1>Browse Bills</h1>
+        <h1>{t("browse_bills")}</h1>
         <BillSearch />
       </Container>
     )
@@ -17,6 +20,7 @@ export default createPage({
 
 export const getStaticProps = createGetStaticTranslationProps([
   "auth",
+  "billSearch",
   "common",
   "footer",
   "testimony"

public/locales/en/billSearch.json

@@ -0,0 +1,5 @@
+{
+  "another_term" : "Try another search term",
+  "browse_bills" : "Browse Bills",
+  "zero_results" : "Your search has yielded zero results!"
+}