gatsby-core-theme 33.1.6 → 33.1.7

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [33.1.7](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v33.1.6...v33.1.7) (2024-07-02)
+
+
+### Bug Fixes
+
+* beta deploy pipeline ([2c94e41](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2c94e4122a9115d505eec96b85f97afa924eaf58))
+* search translations ([975d9f7](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/975d9f7e3b22c31cc0127ba3635c2716f7f74623))
+* tests ([000670e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/000670ebb0f06c29d82619a775a40c7aa533172f))
+
 ## [33.1.6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v33.1.5...v33.1.6) (2024-06-28)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "33.1.6",
+  "version": "33.1.7",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",

package/src/components/molecules/search/index.js

@@ -1,6 +1,8 @@
-import React, { useState } from 'react';
+import React, { useState, useContext } from 'react';
 import PropTypes from 'prop-types';
 import { FaSearch } from '@react-icons/all-files/fa/FaSearch';
+import { Context } from 'gatsby-core-theme/src/context/MainProvider';
+import { translate } from '~helpers/getters';
 import styles from './search.module.scss';
 import ModuleTitle from '~atoms/module-title';
 import Archive from '~organisms/archive';
@@ -16,6 +18,7 @@ const Search = ({
   showNumberOfResults = true,
   allMarkets,
 }) => {
+  const { translations } = useContext(Context) || {};
   const { data, searchParam } = serverData;
   const [sortQuery] = useState(pageSearchOptions.sort[0]);
   const [searchData, setSearchData] = useState(data);
@@ -49,13 +52,18 @@ const Search = ({
     const items = {
       items: searchData[item],
       model_type: item,
-      title: titleObj ? titleObj.title : '',
+      title: titleObj ? translate(translations, titleObj.title, titleObj.title) : '',
       pagination_type: 'load_more',
       ...pageSearchOptions.archiveOptions.includeOptions,
     };
 
     return (
-      <div results={items.items.length} label={item} tabId={item} key={keygen()}>
+      <div
+        results={items.items.length}
+        label={translate(translations, item, item)}
+        tabId={item}
+        key={keygen()}
+      >
         <ModuleTitle
           module={{
             module_title: item,
@@ -74,7 +82,9 @@ const Search = ({
 
   return (
     <div className={styles.container}>
-      <h1>Search for: {searchParam}</h1>
+      <h1>
+        {translate(translations, 'search_for', 'Search For:')} {searchParam}
+      </h1>
       <form>
         <input
           type="text"
@@ -129,7 +139,13 @@ const Search = ({
           </Tabs>
         </div>
       ) : (
-        <div className={styles.noData}>No data, please type keyword in textbox above</div>
+        <div className={styles.noData}>
+          {translate(
+            translations,
+            'no_search_data',
+            'No data, please type keyword in textbox above'
+          )}
+        </div>
       )}
     </div>
   );

package/src/components/molecules/search/search.test.js

@@ -65,7 +65,7 @@ describe('Search Component', () => {
         />
       );
 
-      expect(getByText('Search for: casino')).toBeTruthy();
+      expect(getByText('Search For: casino')).toBeTruthy();
       const input = container.querySelectorAll('input');
       expect(input).toHaveLength(1);
       expect(input[0].getAttribute('placeholder')).toEqual('casino');