fix: Clarified component names and i18n description

src/course-home/courseware-search/CoursewareSearch.jsx

@@ -9,7 +9,7 @@ import { setShowSearch } from '../data/slice';
 import { useElementBoundingBox, useLockScroll } from './hooks';
 import messages from './messages';
 
-import CoursewareSearchBar from './CoursewareSearchBar';
+import CoursewareSearchForm from './CoursewareSearchForm';
 
 const CoursewareSearch = ({ intl, ...sectionProps }) => {
   const dispatch = useDispatch();
@@ -33,11 +33,12 @@ const CoursewareSearch = ({ intl, ...sectionProps }) => {
       </div>
       <div className="courseware-search__outer-content">
         <div className="courseware-search__content" style={{ height: '999px' }}>
-          <h2>{intl.formatMessage(messages.searchModuleTitle)}</h2>
-          <CoursewareSearchBar
-            onChange={() => {}}
-            onSubmit={() => {}}
+          <CoursewareSearchForm
             placeholder={intl.formatMessage(messages.searchBarPlaceholderText)}
+            onSubmit={() => {
+            }}
+            onChange={() => {
+            }}
           />
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis semper rutrum odio quis congue.

src/course-home/courseware-search/CoursewareSearchBar.jsx → src/course-home/courseware-search/CoursewareSearchForm.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { SearchField } from '@edx/paragon';
 import PropTypes from 'prop-types';
 
-const CoursewareSearchBar = ({
+const CoursewareSearchForm = ({
   onSubmit,
   onChange,
   placeholder,
@@ -23,10 +23,10 @@ const CoursewareSearchBar = ({
   </SearchField.Advanced>
 );
 
-CoursewareSearchBar.propTypes = {
+CoursewareSearchForm.propTypes = {
   onSubmit: PropTypes.func.isRequired,
   onChange: PropTypes.func.isRequired,
   placeholder: PropTypes.string.isRequired,
 };
 
-export default CoursewareSearchBar;
+export default CoursewareSearchForm;

src/course-home/courseware-search/CoursewareSearchBarTest.jsx → src/course-home/courseware-search/CoursewareSearchForm.test.jsx

@@ -6,10 +6,10 @@ import {
   screen,
   waitFor,
 } from '../../setupTest';
-import CoursewareSearchBar from './CoursewareSearchBar';
+import CoursewareSearchForm from './CoursewareSearchForm';
 
 function renderComponent() {
-  const { container } = render(<CoursewareSearchBar />);
+  const { container } = render(<CoursewareSearchForm />);
   return container;
 }
 

src/course-home/courseware-search/messages.js

@@ -19,7 +19,7 @@ const messages = defineMessages({
   searchBarPlaceholderText: {
     id: 'learn.coursewareSerch.searchBarPlaceholderText',
     defaultMessage: 'Search',
-    description: 'Placeholder text courseware for the search bar.',
+    description: 'Placeholder text for the Courseware Search input control',
   },
 });