fix: Search icon for Autosuggest (#16)

Co-authored-by: Maxwell Frank <[email protected]>
edx · Jul 25, 2023 · 08c6243 · 08c6243
1 parent e6c562c
commit 08c6243
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/skills-builder/skills-builder-modal/select-preferences/JobTitleInstantSearch.jsx b/src/skills-builder/skills-builder-modal/select-preferences/JobTitleInstantSearch.jsx
@@ -1,9 +1,10 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import {
-  Form,
+  Form, Icon,
 } from '@edx/paragon';
 import { useHits, useSearchBox } from 'react-instantsearch-hooks-web';
+import { Search } from '@edx/paragon/icons';
 
 const JobTitleInstantSearch = (props) => {
   const { refine } = useSearchBox(props);
@@ -25,6 +26,12 @@ const JobTitleInstantSearch = (props) => {
       onChange={handleAutosuggestChange}
       name="job-title-suggest"
       autoComplete="off"
+      trailingElement={(
+        <Icon
+          src={Search}
+          className="mr-2"
+        />
+        )}
       {...props}
     >
       {hits.map(job => (