From 74f6c969c08598fd620d4740f6a536abe4cd55f9 Mon Sep 17 00:00:00 2001
From: Sharanshetty658 <111116813+Sharanshetty658@users.noreply.github.com>
Date: Sun, 9 Mar 2025 22:15:05 +0530
Subject: [PATCH] Fixed the search history bug

---
 components/AlgoliaSearch.tsx             | 2 +-
 components/navigation/DocsMobileMenu.tsx | 4 ++--
 components/navigation/DocsNavWrapper.tsx | 4 ++--
 components/navigation/MobileNavMenu.tsx  | 3 ++-
 components/navigation/NavBar.tsx         | 4 +++-
 5 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/components/AlgoliaSearch.tsx b/components/AlgoliaSearch.tsx
index 06d37889c473..273e5e7878ae 100644
--- a/components/AlgoliaSearch.tsx
+++ b/components/AlgoliaSearch.tsx
@@ -122,7 +122,7 @@ function AlgoliaModal({ onClose, initialQuery, indexName }: AlgoliaModalProps) {
       }}
       placeholder={indexName === DOCS_INDEX_NAME ? 'Search documentation' : 'Search resources'}
       onClose={onClose}
-      indexName={indexName}
+      indexName={INDEX_NAME}
       apiKey={API_KEY}
       appId={APP_ID}
       navigator={{
diff --git a/components/navigation/DocsMobileMenu.tsx b/components/navigation/DocsMobileMenu.tsx
index aa3c716126a3..90b38a3d2817 100644
--- a/components/navigation/DocsMobileMenu.tsx
+++ b/components/navigation/DocsMobileMenu.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type { IDoc } from '@/types/post';
 
-import { DOCS_INDEX_NAME, SearchButton } from '../AlgoliaSearch';
+import { INDEX_NAME, SearchButton } from '../AlgoliaSearch';
 import ClickableLogo from '../ClickableLogo';
 import IconLoupe from '../icons/Loupe';
 import DocsNav from './DocsNav';
@@ -48,7 +48,7 @@ export default function DocsMobileMenu({ post, navigation, onClickClose = () =>
             <div className='mb-4 mt-10 w-full px-2'>
               <SearchButton
                 className='flex w-full items-center space-x-3 rounded-md border border-gray-300 bg-white px-3 py-1.5 text-left text-sm text-gray-700 shadow-sm transition-all duration-500 ease-in-out hover:border-secondary-500 hover:bg-secondary-100 hover:text-secondary-500'
-                indexName={DOCS_INDEX_NAME}
+                indexName={INDEX_NAME}
               >
                 <IconLoupe />
                 <span className='flex-auto'>Search docs...</span>
diff --git a/components/navigation/DocsNavWrapper.tsx b/components/navigation/DocsNavWrapper.tsx
index c51f0cb2033e..cec6aa0fca03 100644
--- a/components/navigation/DocsNavWrapper.tsx
+++ b/components/navigation/DocsNavWrapper.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type { IDocsTree, IPost } from '@/types/post';
 
-import { DOCS_INDEX_NAME, SearchButton } from '../AlgoliaSearch';
+import { INDEX_NAME, SearchButton } from '../AlgoliaSearch';
 import IconLoupe from '../icons/Loupe';
 import DocsNav from './DocsNav';
 
@@ -25,7 +25,7 @@ export default function DocsNavWrapper({ setShowMenu, navigation, post }: IDocsN
         <div className='flex flex-1 flex-col md:sticky md:top-20 md:max-h-(screen-14) md:overflow-y-auto'>
           <SearchButton
             className='mb-4 mr-2 mt-8 flex items-center space-x-3 rounded-md border border-gray-300 bg-white px-3 py-1.5 text-left text-sm text-gray-700 shadow-sm transition-all duration-500 ease-in-out hover:border-secondary-500 hover:bg-secondary-100 hover:text-secondary-500'
-            indexName={DOCS_INDEX_NAME}
+            indexName={INDEX_NAME}
           >
             {({ actionKey }) => (
               <>
diff --git a/components/navigation/MobileNavMenu.tsx b/components/navigation/MobileNavMenu.tsx
index 29f63c9e78cd..3bc0a1aca9c4 100644
--- a/components/navigation/MobileNavMenu.tsx
+++ b/components/navigation/MobileNavMenu.tsx
@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 
 import i18nextConfig from '@/next-i18next.config.cjs';
 
-import { SearchButton } from '../AlgoliaSearch';
+import { INDEX_NAME, SearchButton } from '../AlgoliaSearch';
 import IconLanguage from '../icons/Language';
 import NavItemDropdown from '../icons/NavItemDropdown';
 import SearchIcon from '../icons/SearchIcon';
@@ -67,6 +67,7 @@ export default function MobileNavMenu({
                 <SearchButton
                   className='flex items-center space-x-2 rounded-md p-2 text-left text-gray-400 transition duration-150 ease-in-out hover:bg-gray-100 hover:text-gray-500 focus:bg-gray-100 focus:text-gray-500 focus:outline-none'
                   aria-label='Open Search'
+                  indexName={INDEX_NAME}
                 >
                   <SearchIcon />
                 </SearchButton>
diff --git a/components/navigation/NavBar.tsx b/components/navigation/NavBar.tsx
index 28b6917001bb..cff1b93eb142 100644
--- a/components/navigation/NavBar.tsx
+++ b/components/navigation/NavBar.tsx
@@ -6,7 +6,7 @@ import React, { useEffect, useState } from 'react';
 
 import { defaultLanguage, i18nPaths, languages } from '@/utils/i18n';
 
-import { SearchButton } from '../AlgoliaSearch';
+import { INDEX_NAME, SearchButton } from '../AlgoliaSearch';
 import GithubButton from '../buttons/GithubButton';
 import { isMobileDevice } from '../helpers/is-mobile';
 import { useOutsideClick } from '../helpers/use-outside-click';
@@ -160,6 +160,7 @@ export default function NavBar({ className = '', hideLogo = false }: NavBarProps
           <SearchButton
             className='flex items-center space-x-2 rounded-md p-2 text-left text-gray-400 transition duration-150 ease-in-out hover:bg-gray-100 hover:text-gray-500 focus:bg-gray-100 focus:text-gray-500 focus:outline-none'
             aria-label='Open Search'
+            indexName={INDEX_NAME}
           >
             <IconLoupe />
           </SearchButton>
@@ -220,6 +221,7 @@ export default function NavBar({ className = '', hideLogo = false }: NavBarProps
             <SearchButton
               className='mr-2 flex items-center space-x-2 rounded-md p-2 text-left text-gray-400 transition duration-150 ease-in-out hover:bg-gray-100 hover:text-gray-500 focus:bg-gray-100 focus:text-gray-500 focus:outline-none'
               aria-label='Open Search'
+              indexName={INDEX_NAME}
             >
               <IconLoupe />
             </SearchButton>