gatsby-core-theme 44.0.33 → 44.0.35

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [44.0.35](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.0.34...v44.0.35) (2025-05-08)
+
+
+### Bug Fixes
+
+* search transaltion keys ([ab53ce9](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/ab53ce9a22178518fbfe0c360c5d3b56e02b1808))
+
+## [44.0.34](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.0.33...v44.0.34) (2025-05-07)
+
+
+### Bug Fixes
+
+* search bug ([b0fb134](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/b0fb134fbc34c502082e0e72bf1f6844c6e7c18d))
+
+
+* Merge branch 'search-bug' into 'master' ([baeacfc](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/baeacfc5e492a2e2782110ae475298eb39a346eb))
+
 ## [44.0.33](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.0.32...v44.0.33) (2025-05-06)
 
 

package/package.json

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

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

@@ -30,8 +30,8 @@ const SearchForm = ({
 }) => {
   const { market, template } = pageContext.page;
   const recommendedCasinos = pageContext?.marketSections?.recommended_casinos?.modules[0]?.items
-  const topSearches = pageContext?.marketSections?.top_searches?.modules[0]?.items 
-  
+  const topSearches = pageContext?.marketSections?.top_searches?.modules[0]?.items
+
   const [localSearch, setLocalSearch] = useState(false);
 
   const loadedCounts = {
@@ -89,26 +89,33 @@ const SearchForm = ({
 
   const autoCompleteHandler = async (event) => {
     const query = event.target.value.trim();
-    setShowAutoComplete(prevState => (query.length >= startSearchAt) !== prevState ? query.length >= startSearchAt : prevState);
+    const shouldShow = query.length >= startSearchAt;
+    setShowAutoComplete(shouldShow);
+
+    if (!shouldShow) {
+      setFilteredData(null);
+      return;
+    }
 
     setAutoCompleteLoading(true);
 
     try {
-      autoCompleteData.current = autoCompleteData.current || await loadSource(market, 'data-simple.json')
+      autoCompleteData.current = autoCompleteData.current || await loadSource(market, 'data-simple.json');
 
-      setFilteredData(autoCompleteData.current.filter(item =>
+      const filtered = autoCompleteData.current.filter(item =>
         item.title.toLowerCase().includes(query.toLowerCase())
-      ));
+      );
+
+      setFilteredData(filtered.length > 0 ? filtered : null);
 
     } catch (error) {
       console.error("Error loading autocomplete data:", error);
+      setFilteredData(null);
     } finally {
       setAutoCompleteLoading(false);
     }
   }
 
-
-
   useEffect(() => {
     const handleClickOutside = (event) => {
       if (localSearch && searchFormRef.current && !searchFormRef.current.contains(event.target)) {
@@ -128,13 +135,6 @@ const SearchForm = ({
     if (localSearch) searchInputRef.current.focus();
   }, [localSearch]);
 
-  // Group data by pageType
-  const groupedData = filteredData?.reduce((acc, item) => {
-    acc[item.pageType] = acc[item.pageType] || [];
-    acc[item.pageType].push(item);
-    return acc;
-  }, {});
-
   return (
     <div className={className || ''} ref={searchFormRef}>
       <button
@@ -184,43 +184,47 @@ const SearchForm = ({
                   </div>
                 ) : (
                   <div className={styles.autoCompleteInner}>
-                    {filteredData?.length ? (
+                    {filteredData ? (
                       <ul>
-                        {Object.entries(groupedData).map(([type, items]) => items.length > 0 && (
-                          <>
-                            <div className={styles.autoCompleteTitle} key={type}>
-                              {useTranslate(type, type)}
-                            </div>
-
-                            <div key={type} className={styles.autoCompleteList}>
-                              {items.slice(0, loadedCounts[type]).map((value) => {
-                                const PageTypeCard = getComponent(value.pageType);
-                                return (
-                                  <Suspense fallback={<Loading single />} key={keygen()}>
-                                    <PageTypeCard item={value} icon={autoCompleteIcon} />
-                                  </Suspense>
-                                );
-                              })}
-
-                              {loadedCounts[type] < items.length && (
-                                <button
-                                  type='button'
-                                  className={styles.loadMoreBtn}
-                                  onClick={() => {
-                                    const inputValue = searchInputRef.current?.value.trim();
-                                    if (inputValue) {
-                                      const url = `/s${process.env.TRAILING_SLASH ? '/' : ''}?s=${encodeURIComponent(inputValue)}`;
-                                      window.location.href = url;
-                                    }
-                                  }}
-                                >
-                                  {useTranslate('autocomplete_see_all', 'View more')} {useTranslate(type, type)}
-                                </button>
-                              )}
-
-
-                            </div>
-                          </>
+                        {Object.entries(
+                          filteredData.reduce((acc, item) => {
+                            acc[item.pageType] = acc[item.pageType] || [];
+                            acc[item.pageType].push(item);
+                            return acc;
+                          }, {})
+                        ).map(([type, items]) => (
+                          items.length > 0 && (
+                            <React.Fragment key={type}>
+                              <div className={styles.autoCompleteTitle}>
+                                {useTranslate(`search_${type}`, type)}
+                              </div>
+                              <div className={styles.autoCompleteList}>
+                                {items.slice(0, loadedCounts[type]).map((value) => {
+                                  const PageTypeCard = getComponent(value.pageType);
+                                  return (
+                                    <Suspense fallback={<Loading single />} key={keygen()}>
+                                      <PageTypeCard item={value} icon={autoCompleteIcon} />
+                                    </Suspense>
+                                  );
+                                })}
+                                {loadedCounts[type] < items.length && (
+                                  <button
+                                    type='button'
+                                    className={styles.loadMoreBtn}
+                                    onClick={() => {
+                                      const inputValue = searchInputRef.current?.value.trim();
+                                      if (inputValue) {
+                                        const url = `/s${process.env.TRAILING_SLASH ? '/' : ''}?s=${encodeURIComponent(inputValue)}`;
+                                        window.location.href = url;
+                                      }
+                                    }}
+                                  >
+                                    {useTranslate('autocomplete_see_all', 'View more')} {useTranslate(`search_${type}`, type)}
+                                  </button>
+                                )}
+                              </div>
+                            </React.Fragment>
+                          )
                         ))}
                       </ul>
                     ) : (