Move hooks

Author: stefanbitcr

src/generated/client/client.gen.ts

@@ -14,25 +14,3 @@ import { type Config, type ClientOptions as DefaultClientOptions, createClient,
 export type CreateClientConfig<T extends DefaultClientOptions = ClientOptions> = (override?: Config<DefaultClientOptions & T>) => Config<Required<DefaultClientOptions> & T>;
 
 export const client = createClient(createConfig<ClientOptions>());
-client.setConfig({
-  baseUrl: import.meta.env.VITE_API_BASE_URL,
-});
-
-client.interceptors.request.use((request) => {
-  const token = localStorage.getItem('token');
-
-  if (token) {
-    let headers = request.headers;
-    if (!(headers instanceof Headers)) {
-      headers = new Headers(headers as HeadersInit);
-    }
-    headers.set('Authorization', `Bearer ${token}`);
-
-    if (!(request.headers instanceof Headers)) {
-        (request as any).headers = headers;
-    }
-  }
-  return request;
-});
-
-

src/lib/api-client.ts

@@ -0,0 +1,27 @@
+import { client as heyApiClient } from "@/generated/client/client.gen"
+import * as sdk from "@/generated/client/sdk.gen"
+
+heyApiClient.setConfig({
+  baseUrl: import.meta.env.VITE_API_BASE_URL,
+})
+
+// Add the auth token interceptor
+heyApiClient.interceptors.request.use((request) => {
+  const token = localStorage.getItem("token")
+
+  if (token) {
+    let headers = request.headers
+    if (!(headers instanceof Headers)) {
+      headers = new Headers(headers as HeadersInit)
+    }
+    headers.set("Authorization", `Bearer ${token}`)
+
+    if (!(request.headers instanceof Headers)) {
+      ;(request as any).headers = headers
+    }
+  }
+  return request
+})
+
+export const client = heyApiClient
+export { sdk }

src/main.tsx

@@ -21,13 +21,14 @@ import DeniedQuotesPage from "./pages/quotes/DeniedQuotesPage"
 // import ExpiredQuotesPage from "./pages/quotes/ExpiredQuotesPage"
 import RejectedQuotesPage from "./pages/quotes/RejectedQuotesPage"
 import "./keycloak"
+import "./lib/api-client"
 
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
-      enabled: (query) => query.queryKey[0] !== "balances"
-    }
-  }
+      enabled: (query) => query.queryKey[0] !== "balances",
+    },
+  },
 })
 
 const prepare = async () => {
@@ -38,35 +39,34 @@ const prepare = async () => {
 }
 
 function App() {
-
   return (
-      <QueryClientProvider client={queryClient}>
-        <BrowserRouter>
-          <Routes>
-            <Route element={<Layout />}>
-              <Route index element={<HomePage />} />
-              <Route path="balances" element={<BalancesPage />} />
-              <Route path="earnings" element={<EarningsPage />} />
-              <Route path="earnings/cashflow" element={<CashFlowPage />} />
-              <Route path="quotes" element={<QuotesPage />} />
-              <Route path="quotes/pending" element={<PendingQuotesPage />} />
-              <Route path="quotes/accepted" element={<AcceptedQuotesPage />} />
-              <Route path="quotes/offered" element={<OfferedQuotesPage />} />
-              <Route path="quotes/denied" element={<DeniedQuotesPage />} />
-              <Route path="quotes/rejected" element={<RejectedQuotesPage />} />
-              {/* <Route path="quotes/expired" element={<ExpiredQuotesPage />} /> */}
-              <Route path="quotes/:id" element={<QuotePage />} />
-              <Route path="settings" element={<SettingsPage />} />
-              <Route path="info" element={<InfoPage />} />
-            </Route>
-          </Routes>
-        </BrowserRouter>
-      </QueryClientProvider>
-  );
+    <QueryClientProvider client={queryClient}>
+      <BrowserRouter>
+        <Routes>
+          <Route element={<Layout />}>
+            <Route index element={<HomePage />} />
+            <Route path="balances" element={<BalancesPage />} />
+            <Route path="earnings" element={<EarningsPage />} />
+            <Route path="earnings/cashflow" element={<CashFlowPage />} />
+            <Route path="quotes" element={<QuotesPage />} />
+            <Route path="quotes/pending" element={<PendingQuotesPage />} />
+            <Route path="quotes/accepted" element={<AcceptedQuotesPage />} />
+            <Route path="quotes/offered" element={<OfferedQuotesPage />} />
+            <Route path="quotes/denied" element={<DeniedQuotesPage />} />
+            <Route path="quotes/rejected" element={<RejectedQuotesPage />} />
+            {/* <Route path="quotes/expired" element={<ExpiredQuotesPage />} /> */}
+            <Route path="quotes/:id" element={<QuotePage />} />
+            <Route path="settings" element={<SettingsPage />} />
+            <Route path="info" element={<InfoPage />} />
+          </Route>
+        </Routes>
+      </BrowserRouter>
+    </QueryClientProvider>
+  )
 }
 
 void prepare().then(() => {
-  // loadToken(); 
+  // loadToken();
   createRoot(document.getElementById("root")!).render(
     <StrictMode>
       <App />