fix: missing headers on search endpoint with token

Headers should be part of the options if we override options.

https://github.com/verdaccio/ui/issues/118

Author: juanpicado

src/components/Search/Search.tsx

@@ -9,6 +9,7 @@ import debounce from 'lodash/debounce';
 import API from '../../utils/api';
 import AutoComplete from '../AutoComplete';
 import colors from '../../utils/styles/colors';
+import { callSearch } from '../../utils/calls';
 
 export interface State {
   search: string;
@@ -148,7 +149,7 @@ export class Search extends Component<RouteComponentProps<{}>, State> {
       const signal = controller.signal;
       // Keep track of search requests.
       this.requestList.push(controller);
-      const suggestions = await API.request(`search/${encodeURIComponent(value)}`, 'GET', { signal });
+      const suggestions = callSearch(value, signal);
       // @ts-ignore
       this.setState({
         suggestions,

src/utils/calls.ts

@@ -10,3 +10,11 @@ export async function callDetailPage(packageName): Promise<PackageMetaInterface
 
   return packageMeta;
 }
+
+export async function callSearch(value: string, signal: any) {
+  // https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API#Browser_compatibility
+  // FUTURE: signal is not well supported for IE and Samsung Browser
+  const suggestions = await API.request(`search/${encodeURIComponent(value)}`, 'GET', { signal, headers: {} });
+
+  return suggestions;
+}