fix(storybook): add global AuthProvider to preview.tsx
This commit is contained in:
parent
b26593a000
commit
e7da63479a
1 changed files with 8 additions and 3 deletions
|
|
@ -12,6 +12,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
||||||
import { MemoryRouter } from 'react-router-dom';
|
import { MemoryRouter } from 'react-router-dom';
|
||||||
import { ToastProvider } from '../src/components/feedback/ToastProvider';
|
import { ToastProvider } from '../src/components/feedback/ToastProvider';
|
||||||
import { AudioProvider } from '../src/context/AudioContext';
|
import { AudioProvider } from '../src/context/AudioContext';
|
||||||
|
import { AuthProvider } from '../src/providers/AuthProvider';
|
||||||
|
|
||||||
// Create a client for stories
|
// Create a client for stories
|
||||||
const queryClient = new QueryClient({
|
const queryClient = new QueryClient({
|
||||||
|
|
@ -82,6 +83,8 @@ const preview: Preview = {
|
||||||
toc: true, // Enable table of contents in docs
|
toc: true, // Enable table of contents in docs
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
decorators: [
|
decorators: [
|
||||||
// Global providers decorator
|
// Global providers decorator
|
||||||
(Story, context) => {
|
(Story, context) => {
|
||||||
|
|
@ -93,9 +96,11 @@ const preview: Preview = {
|
||||||
<QueryClientProvider client={queryClient}>
|
<QueryClientProvider client={queryClient}>
|
||||||
<ToastProvider>
|
<ToastProvider>
|
||||||
<AudioProvider>
|
<AudioProvider>
|
||||||
|
<AuthProvider>
|
||||||
<MemoryRouter>
|
<MemoryRouter>
|
||||||
<Story />
|
<Story />
|
||||||
</MemoryRouter>
|
</MemoryRouter>
|
||||||
|
</AuthProvider>
|
||||||
</AudioProvider>
|
</AudioProvider>
|
||||||
</ToastProvider>
|
</ToastProvider>
|
||||||
</QueryClientProvider>
|
</QueryClientProvider>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue