Enable dark mode and fix theme

This commit is contained in:
Felix Malfait
2023-06-05 22:20:55 +02:00
parent 3ae6405f4d
commit 41fe78bc4c
17 changed files with 478 additions and 73 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,11 +1,8 @@
import React from 'react';
import { MemoryRouter } from 'react-router-dom';
import { ApolloProvider } from '@apollo/client';
import { ThemeProvider } from '@emotion/react';
import { RecoilRoot } from 'recoil';
import { lightTheme } from '@/ui/layout/styles/themes';
import { ComponentStorybookLayout } from './ComponentStorybookLayout';
import { FullHeightStorybookLayout } from './FullHeightStorybookLayout';
import { mockedClient } from './mockedClient';
@ -15,11 +12,9 @@ export function getRenderWrapperForPage(children: React.ReactElement) {
return (
<RecoilRoot>
<ApolloProvider client={mockedClient}>
<ThemeProvider theme={lightTheme}>
<MemoryRouter>
<FullHeightStorybookLayout>{children}</FullHeightStorybookLayout>
</MemoryRouter>
</ThemeProvider>
<MemoryRouter>
<FullHeightStorybookLayout>{children}</FullHeightStorybookLayout>
</MemoryRouter>
</ApolloProvider>
</RecoilRoot>
);
@ -31,9 +26,7 @@ export function getRenderWrapperForComponent(children: React.ReactElement) {
return (
<RecoilRoot>
<ApolloProvider client={mockedClient}>
<ThemeProvider theme={lightTheme}>
<ComponentStorybookLayout>{children}</ComponentStorybookLayout>
</ThemeProvider>
<ComponentStorybookLayout>{children}</ComponentStorybookLayout>
</ApolloProvider>
</RecoilRoot>
);