IO-2210 Search Improvements

client/src/components/global-search/global-search-os.component.jsx

@@ -15,6 +15,7 @@ export default function GlobalSearchOs() {
   const history = useHistory();
   const [loading, setLoading] = useState(false);
   const [data, setData] = useState(false);
+  const [value, setValue] = useState("");
 
   const executeSearch = async (v) => {
     if (v && v && v !== "" && v.length >= 3) {
@@ -41,7 +42,7 @@ export default function GlobalSearchOs() {
             options: resultsByType.jobs.map((job) => {
               return {
                 key: job.id,
-                value: job.ro_number,
+                value: job.ro_number || "N/A",
                 label: (
                   <Link to={`/manage/jobs/${job.id}`}>
                     <Space size="small" split={<Divider type="vertical" />}>
@@ -187,7 +188,6 @@ export default function GlobalSearchOs() {
   const debouncedExecuteSearch = _.debounce(executeSearch, 750);
 
   const handleSearch = (value) => {
-    console.log("Handle Search");
     debouncedExecuteSearch(value);
   };
 
@@ -203,6 +203,7 @@ export default function GlobalSearchOs() {
       onSelect={(val, opt) => {
         history.push(opt.label.props.to);
       }}
+      onClear={() => setData([])}
     >
       <Input.Search
         size="large"

client/src/components/global-search/global-search.component.jsx

@@ -44,7 +44,7 @@ export default function GlobalSearch() {
           options: data.search_jobs.map((job) => {
             return {
               key: job.id,
-              value: job.ro_number,
+              value: job.ro_number || "N/A",
               label: (
                 <Link to={`/manage/jobs/${job.id}`}>
                   <Space size="small" split={<Divider type="vertical" />}>
@@ -184,7 +184,6 @@ export default function GlobalSearch() {
     <AutoComplete
       options={options}
       onSearch={handleSearch}
-
       defaultActiveFirstOption
       onSelect={(val, opt) => {
         history.push(opt.label.props.to);

server/opensearch/os-handler.js

@@ -213,9 +213,10 @@ async function OpensearchSearchHandler(req, res) {
               {
                 multi_match: {
                   query: search,
+                  type: "phrase_prefix",
                   //fields: ["*"],
-                  fuzziness: "AUTO",
-                  prefix_length: 2,
+                  // fuzziness: "5",
+                  //prefix_length: 2,
                 },
               },
               {