use api for search ticker

mnsrulz · Apr 13, 2024 · e6b0bd0 · e6b0bd0
1 parent 7fca43e
commit e6b0bd0
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 12 deletions.
diff --git a/src/components/ticker-search.tsx b/src/components/ticker-search.tsx
@@ -8,7 +8,7 @@ interface ITickerProps {
 }
 
 export const TickerSearch = (props: ITickerProps) => {
-    const [options, setOptions] = useState<any>([]);
+    const [options, setOptions] = useState<SearchTickerItem[]>([]);
     const onInputChange = (ev: any, value: any, reason: any) => {
         if (value) {
             getData(value);
@@ -23,7 +23,7 @@ export const TickerSearch = (props: ITickerProps) => {
 
     const getData = async (searchTerm: string) => {
         const result = await searchTicker(searchTerm);
-        setOptions(result.items);
+        setOptions(result);
     };
 
     return <Autocomplete filterOptions={(x) => x}
@@ -47,6 +47,6 @@ export const TickerSearch = (props: ITickerProps) => {
         )}
         options={options}
         getOptionLabel={(option: SearchTickerItem) => `${option.symbol} - ${option.name}`}
-        fullWidth
+        fullWidth        
     />
 }
diff --git a/src/lib/socket.ts b/src/lib/socket.ts
@@ -20,15 +20,33 @@ export type SearchTickerResult = { items: SearchTickerItem[] };
 export type SearchTickerItem = { symbol: string, name: string }
 export type AddTickerToMyListResult = { success: boolean }
 export const searchTicker = async (searchTerm: string) => {
-    return new Promise<SearchTickerResult>((res, rej) => {
-        socket.emit('stock-list-request', {
+    const { items } = await ky('/api/symbols/search', {
+        searchParams: {
             q: searchTerm
-        });
-
-        socket.once(`stock-list-response`, (args: SearchTickerResult) => {
-            res(args);
-        });
-    });
+        }
+    }).json<{
+        items: {
+            quotes: {
+                symbol: string,
+                longname: string,
+                isYahooFinance: boolean
+            }[]
+        }
+    }>();
+
+    return items.quotes.filter(f => f.isYahooFinance).map(r => ({
+        symbol: r.symbol,
+        name: r.longname
+    }));
+    // return new Promise<SearchTickerResult>((res, rej) => {
+    //     socket.emit('stock-list-request', {
+    //         q: searchTerm
+    //     });
+
+    //     socket.once(`stock-list-response`, (args: SearchTickerResult) => {
+    //         res(args);
+    //     });
+    // });
 }
 
 export const AddTickerToMyList = (item: SearchTickerItem) => {
@@ -103,7 +121,7 @@ export const useOptionTracker = (symbol: string) => {
     const [isLoading, setIsLoading] = useState(false);
     useEffect(() => {
         setIsLoading(true);
-        ky(`/api/symbols/${symbol}/options/analyze`).json<OptionsData>().then(r => setOd(r)).finally(()=> setIsLoading(false));
+        ky(`/api/symbols/${symbol}/options/analyze`).json<OptionsData>().then(r => setOd(r)).finally(() => setIsLoading(false));
         // socket.emit('options-subscribe-request', item);
         // socket.on(`options-subscribe-response`, setOd);
         // return () => {