feat: clear search results when search field is cleared

openedx · Oct 31, 2023 · 66f01d3 · 66f01d3
1 parent ce24a58
commit 66f01d3
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/course-home/courseware-search/CoursewareSearch.jsx b/src/course-home/courseware-search/CoursewareSearch.jsx
@@ -31,6 +31,10 @@ const CoursewareSearch = ({ intl, ...sectionProps }) => {
     setResults(search.toLowerCase() !== 'lorem ipsum' ? mockedData : []);
   };
 
+  const handleChange = (value) => {
+    if (!value?.length) { setResults(undefined); }
+  };
+
   return (
     <section className="courseware-search" style={{ '--modal-top-position': top }} data-testid="courseware-search-section" {...sectionProps}>
       <div className="courseware-search__close">
@@ -48,6 +52,7 @@ const CoursewareSearch = ({ intl, ...sectionProps }) => {
           <h2>{intl.formatMessage(messages.searchModuleTitle)}</h2>
           <CoursewareSearchForm
             onSubmit={handleSubmit}
+            onChange={handleChange}
             placeholder={intl.formatMessage(messages.searchBarPlaceholderText)}
           />
           <CoursewareSearchResultsFilterContainer results={results} />