refactor: moving Stats

src/library-authoring/LibraryAuthoringPage.tsx

@@ -19,8 +19,8 @@ import {
   FilterByTags,
   SearchContextProvider,
   SearchKeywordsField,
+  Stats,
 } from '../search-manager';
-import Stats from '../search-modal/Stats';
 import LibraryComponents from './components/LibraryComponents';
 import LibraryCollections from './LibraryCollections';
 import LibraryHome from './LibraryHome';

src/search-modal/Stats.tsx → src/search-manager/Stats.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import messages from './messages';
-import { useSearchContext } from '../search-manager';
+import { useSearchContext } from './SearchManager';
 
 /**
  * Simple component that displays the # of matching results
  */
-const Stats: React.FC<Record<never, never>> = () => {
+const Stats: React.FC = () => {
   const { totalHits, searchKeywords, canClearFilters } = useSearchContext();
 
   if (!searchKeywords && !canClearFilters) {

src/search-manager/index.ts

@@ -3,6 +3,7 @@ export { default as ClearFiltersButton } from './ClearFiltersButton';
 export { default as FilterByBlockType } from './FilterByBlockType';
 export { default as FilterByTags } from './FilterByTags';
 export { default as SearchKeywordsField } from './SearchKeywordsField';
+export { default as Stats } from './Stats';
 export { HIGHLIGHT_PRE_TAG, HIGHLIGHT_POST_TAG } from './data/api';
 
 export type { ContentHit } from './data/api';

src/search-manager/messages.ts

@@ -65,6 +65,11 @@ const messages = defineMessages({
     defaultMessage: 'Submit tag keyword search',
     description: 'Text shown to screen reader users for the search button on the tags keyword search',
   },
+  numResults: {
+    id: 'course-authoring.course-search.num-results',
+    defaultMessage: '{numResults, plural, one {# result} other {# results}} found',
+    description: 'This count displays how many matching results were found from the user\'s search',
+  },
 });
 
 export default messages;

src/search-modal/SearchUI.tsx

@@ -14,10 +14,10 @@ import {
   FilterByTags,
   SearchContextProvider,
   SearchKeywordsField,
+  Stats,
 } from '../search-manager';
 import EmptyStates from './EmptyStates';
 import SearchResults from './SearchResults';
-import Stats from './Stats';
 import messages from './messages';
 
 const SearchUI: React.FC<{ courseId: string, closeSearchModal?: () => void }> = (props) => {

src/search-modal/messages.ts

@@ -60,11 +60,6 @@ const messages = defineMessages({
     defaultMessage: 'Video',
     description: 'Name of the "Video" component type in Studio',
   },
-  numResults: {
-    id: 'course-authoring.course-search.num-results',
-    defaultMessage: '{numResults, plural, one {# result} other {# results}} found',
-    description: 'This count displays how many matching results were found from the user\'s search',
-  },
   searchAllCourses: {
     id: 'course-authoring.course-search.searchAllCourses',
     defaultMessage: 'All courses',