diff options
Diffstat (limited to 'packages/browser-extension/src/utils/providers.tsx')
| -rw-r--r-- | packages/browser-extension/src/utils/providers.tsx | 46 |
1 files changed, 0 insertions, 46 deletions
diff --git a/packages/browser-extension/src/utils/providers.tsx b/packages/browser-extension/src/utils/providers.tsx deleted file mode 100644 index d20f2512..00000000 --- a/packages/browser-extension/src/utils/providers.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; -import { httpBatchLink } from "@trpc/client"; -import { useEffect, useState } from "react"; -import { api } from "./trpc"; -import usePluginSettings, { getPluginSettings } from "./settings"; -import superjson from "superjson"; - -function getTRPCClient(address: string) { - return api.createClient({ - links: [ - httpBatchLink({ - url: `${address}/api/trpc`, - async headers() { - const settings = await getPluginSettings(); - return { - Authorization: `Bearer ${settings.apiKey}`, - }; - }, - transformer: superjson, - }), - ], - }); -} - -export function Providers({ children }: { children: React.ReactNode }) { - const { settings } = usePluginSettings(); - const [queryClient] = useState(() => new QueryClient()); - - const [trpcClient, setTrpcClient] = useState< - ReturnType<typeof getTRPCClient> - >(getTRPCClient(settings.address)); - - useEffect(() => { - setTrpcClient(getTRPCClient(settings.address)); - }, [settings.address]); - - return ( - <api.Provider - key={settings.address} - client={trpcClient} - queryClient={queryClient} - > - <QueryClientProvider client={queryClient}>{children}</QueryClientProvider> - </api.Provider> - ); -} |
