cleanup

Author: jsendo

packages/connect-react/src/components/SelectApp.tsx

@@ -6,7 +6,7 @@ import { useApps } from "../hooks/use-apps";
 import { AppResponse } from "@pipedream/sdk";
 
 type SelectAppProps = {
-  value?: Partial<AppResponse> & { name_slug: string; name: string; id: string };
+  value?: Partial<AppResponse> & { name_slug: string; };
   onChange?: (app?: AppResponse) => void;
 };
 
@@ -25,7 +25,6 @@ export function SelectApp({
   } = useApps({
     q,
   });
-  console.log("apps: ", apps);
   const { Option, SingleValue } = components;
   const selectedValue = apps?.find((o) => o.name_slug === value?.name_slug) || null;
   return (
@@ -71,20 +70,12 @@ export function SelectApp({
         IndicatorSeparator: () => null,
       }}
       options={apps || []}
-      //options={[...(value ? [value] : []), ...apps]}
       getOptionLabel={(o) => o.name || o.name_slug} // TODO fetch initial value app so we show name
       getOptionValue={(o) => o.name_slug}
       value={selectedValue}
-//      value={apps?.find((app) => app.name_slug === value?.name_slug) || null}
-      onChange={(o) => {
-        console.log("onChange", o);
-        onChange?.((o as AppResponse) || undefined)
-      }}
+      onChange={(o) => onChange?.((o as AppResponse) || undefined)}
       onInputChange={(v) => {
-        console.log("onInputChange", v);
-        if (v) {
-          setQ(v)
-        }
+        if(v) setQ(v)
       }}
       isLoading={isLoading}
     />

packages/connect-react/src/components/SelectComponent.tsx

@@ -4,9 +4,9 @@ import { useComponents } from "../hooks/use-components";
 import { AppResponse, V1Component } from "@pipedream/sdk";
 
 type SelectComponentProps = {
-  app?: Partial<AppResponse> & { name_slug: string };
+  app?: Partial<AppResponse> & { name_slug: string; };
   componentType?: "action" | "trigger";
-  value?: Partial<V1Component> & { key: string };
+  value?: Partial<V1Component> & { key: string; };
   onChange?: (component?: V1Component) => void;
 };
 
@@ -41,4 +41,3 @@ export function SelectComponent({
     />
   );
 }
-

packages/connect-react/src/hooks/use-apps.tsx

@@ -13,9 +13,6 @@ export const useApps = (input?: GetAppsOpts) => {
       input,
     ],
     queryFn: () => client.apps(input),
-//    keepPreviousData: true,
-//    staleTime: 1000 * 60 * 5, // Cache results for 5 minutes
-//    cacheTime: 1000 * 60 * 10, // Keep cache for 10 minutes
   });
 
   return {