fix: header text changed for search with no query and valid date.

culturecreates · Jan 31, 2024 · 5010e69 · 5010e69
1 parent b95fbfa
commit 5010e69
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/components/resultHeader/ResultHeader.jsx b/src/components/resultHeader/ResultHeader.jsx
@@ -22,15 +22,22 @@ const ResultHeader = () => {
   return (
     <>
       <div className="result-header">
-        {isSearchEmpty && (
+        {isSearchEmpty && isDateRangePresent && (
+          <p>
+            {totalCount > 0
+              ? ` ${t('resultHeader.upcoming')} ${totalCount} ${t('events')} "${dateText}`
+              : `${t('resultHeader.noEvents')}`}
+          </p>
+        )}
+        {isSearchEmpty && !isDateRangePresent && (
           <p>
             {totalCount > 0
               ? `${t('resultHeader.upcoming')} ${totalCount} ${t('events')}`
               : `${t('resultHeader.noEvents')} `}
           </p>
         )}
 
-        {!isSearchEmpty && (
+        {!isSearchEmpty && !isDateRangePresent && (
           <p>
             {totalCount > 0
               ? ` ${totalCount} ${t(

diff --git a/src/components/search/Search.jsx b/src/components/search/Search.jsx
@@ -5,7 +5,7 @@ import WidgetContext from '../../context/WidgetContext';
 import './search.css';
 import { ReactComponent as SearchIcon } from '../../assets/Search.svg';
 import { ReactComponent as ClearIcon } from '../../assets/close-Circle.svg';
-import { ReactComponent as FilterIcon } from '../../assets/Custom.svg';
+// import { ReactComponent as FilterIcon } from '../../assets/Custom.svg';
 import { sessionStorageVariableNames } from '../../constants/sessionStorageVariableNames';
 
 const Search = () => {
@@ -32,12 +32,12 @@ const Search = () => {
           sessionStorage.setItem(sessionStorageVariableNames.WidgetSearchKeyWord, e.target.value);
         }}
       />
-      <div
+      {/* <div
         className="filter-icon-container"
         style={searchKeyWord ? { right: '40px' } : { right: '10px' }}
       >
         <FilterIcon className="filter-icon" />
-      </div>
+      </div> */}
       {searchKeyWord && (
         <div className="clear-icon-container" onClick={clearSearch}>
           <ClearIcon className="clear-icon" />