A deployable markdown editor that connects with your self hosted files and lets you edit in a beautiful interface
Add QueryClientProvider wrapper for select-repo page
Create SelectRepoApp component that wraps SetupWizard with QueryClientProvider
and Toaster, fixing 'No QueryClient set' error on the select-repo page.
+32
-2
+30
frontend/src/components/dashboard/SelectRepoApp.tsx
+30
frontend/src/components/dashboard/SelectRepoApp.tsx
···
1
+
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
2
+
import { Toaster } from 'sonner';
3
+
import { SetupWizard } from './SetupWizard';
4
+
5
+
const queryClient = new QueryClient({
6
+
defaultOptions: {
7
+
queries: {
8
+
refetchOnWindowFocus: false,
9
+
retry: 1,
10
+
},
11
+
},
12
+
});
13
+
14
+
export function SelectRepoApp() {
15
+
return (
16
+
<QueryClientProvider client={queryClient}>
17
+
<Toaster
18
+
position="top-right"
19
+
toastOptions={{
20
+
style: {
21
+
border: '2px solid black',
22
+
fontFamily: 'Crimson Pro, serif',
23
+
},
24
+
className: 'toast',
25
+
}}
26
+
/>
27
+
<SetupWizard />
28
+
</QueryClientProvider>
29
+
);
30
+
}
+2
-2
frontend/src/pages/select-repo.astro
+2
-2
frontend/src/pages/select-repo.astro
···
1
1
---
2
2
import '../styles/globals.css';
3
-
import { SetupWizard } from '../components/dashboard/SetupWizard';
3
+
import { SelectRepoApp } from '../components/dashboard/SelectRepoApp';
4
4
---
5
5
6
6
<html lang="en">
···
15
15
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Crimson+Pro:wght@400;600&display=swap" rel="stylesheet">
16
16
</head>
17
17
<body>
18
-
<SetupWizard client:only="react" />
18
+
<SelectRepoApp client:only="react" />
19
19
</body>
20
20
</html>