Skip to content

Commit 72e47bd

Browse files
snioksniok
committed
frontend: storybook: Use new themes in storybook setup
Signed-off-by: Oleksandr Dubenko <[email protected]>
1 parent 9c3d70c commit 72e47bd

File tree

256 files changed

+6003
-5786
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

256 files changed

+6003
-5786
lines changed

‎frontend/.storybook/preview.tsx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
import themesConf from '../src/lib/themes';
21
import { ThemeProvider } from '@mui/material/styles';
32
import { initialize, mswLoader } from 'msw-storybook-addon';
43
import '../src/index.css';
54
import { Title, Subtitle, Description, Primary, Controls } from '@storybook/blocks';
65
import { baseMocks } from './baseMocks';
76
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
87
import App from '../src/App';
8+
import { darkTheme, lightTheme, useAppThemes } from '../src/components/App/themeSlice';
9+
import { createMuiTheme } from '../src/lib/themes';
910

1011
// App import will load the whole app dependency tree
1112
// And assigning it to a value will make sure it's not tree-shaken and removed
@@ -29,11 +30,11 @@ export const queryClient = new QueryClient({
2930
});
3031

3132
const withThemeProvider = (Story: any, context: any) => {
32-
const theme = themesConf[context.globals.backgrounds?.value === '#1f1f1f' ? 'dark' : 'light'];
33+
const theme = context.globals.backgrounds?.value === '#1f1f1f' ? darkTheme : lightTheme;
3334

3435
const ourThemeProvider = (
3536
<QueryClientProvider client={queryClient}>
36-
<ThemeProvider theme={theme}>
37+
<ThemeProvider theme={createMuiTheme(theme)}>
3738
<Story {...context} />
3839
</ThemeProvider>
3940
</QueryClientProvider>

‎frontend/src/components/App/Home/__snapshots__/RecentClusters.MoreThanThreeClusters.stories.storyshot

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
type="button"
1414
>
1515
<div
16-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
16+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
1717
>
1818
<div
1919
class="MuiCardContent-root css-d64700-MuiCardContent-root"
@@ -40,7 +40,7 @@
4040
type="button"
4141
>
4242
<div
43-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
43+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
4444
>
4545
<div
4646
class="MuiCardContent-root css-d64700-MuiCardContent-root"
@@ -67,7 +67,7 @@
6767
type="button"
6868
>
6969
<div
70-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
70+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
7171
>
7272
<div
7373
class="MuiCardContent-root css-d64700-MuiCardContent-root"

‎frontend/src/components/App/Home/__snapshots__/RecentClusters.OneExistingCluster.stories.storyshot

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
type="button"
1414
>
1515
<div
16-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
16+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
1717
>
1818
<div
1919
class="MuiCardContent-root css-d64700-MuiCardContent-root"

‎frontend/src/components/App/Home/__snapshots__/RecentClusters.OneRecentCluster.stories.storyshot

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
type="button"
1414
>
1515
<div
16-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
16+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
1717
>
1818
<div
1919
class="MuiCardContent-root css-d64700-MuiCardContent-root"
@@ -40,7 +40,7 @@
4040
type="button"
4141
>
4242
<div
43-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
43+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
4444
>
4545
<div
4646
class="MuiCardContent-root css-d64700-MuiCardContent-root"
@@ -67,7 +67,7 @@
6767
type="button"
6868
>
6969
<div
70-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
70+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
7171
>
7272
<div
7373
class="MuiCardContent-root css-d64700-MuiCardContent-root"

‎frontend/src/components/App/Home/__snapshots__/RecentClusters.ThreeClusters.stories.storyshot

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
type="button"
1414
>
1515
<div
16-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
16+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
1717
>
1818
<div
1919
class="MuiCardContent-root css-d64700-MuiCardContent-root"
@@ -40,7 +40,7 @@
4040
type="button"
4141
>
4242
<div
43-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
43+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
4444
>
4545
<div
4646
class="MuiCardContent-root css-d64700-MuiCardContent-root"
@@ -67,7 +67,7 @@
6767
type="button"
6868
>
6969
<div
70-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
70+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
7171
>
7272
<div
7373
class="MuiCardContent-root css-d64700-MuiCardContent-root"

‎frontend/src/components/App/Home/__snapshots__/RecentClusters.TwoExistingClusters.stories.storyshot

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
type="button"
1414
>
1515
<div
16-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
16+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
1717
>
1818
<div
1919
class="MuiCardContent-root css-d64700-MuiCardContent-root"
@@ -40,7 +40,7 @@
4040
type="button"
4141
>
4242
<div
43-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
43+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
4444
>
4545
<div
4646
class="MuiCardContent-root css-d64700-MuiCardContent-root"

‎frontend/src/components/App/Home/__snapshots__/RecentClusters.TwoRecentClusters.stories.storyshot

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
type="button"
1414
>
1515
<div
16-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
16+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
1717
>
1818
<div
1919
class="MuiCardContent-root css-d64700-MuiCardContent-root"
@@ -40,7 +40,7 @@
4040
type="button"
4141
>
4242
<div
43-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
43+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
4444
>
4545
<div
4646
class="MuiCardContent-root css-d64700-MuiCardContent-root"
@@ -67,7 +67,7 @@
6767
type="button"
6868
>
6969
<div
70-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
70+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
7171
>
7272
<div
7373
class="MuiCardContent-root css-d64700-MuiCardContent-root"

‎frontend/src/components/App/Home/__snapshots__/RecentClusters.WithObsoleteClusters.stories.storyshot

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
type="button"
1414
>
1515
<div
16-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
16+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
1717
>
1818
<div
1919
class="MuiCardContent-root css-d64700-MuiCardContent-root"
@@ -40,7 +40,7 @@
4040
type="button"
4141
>
4242
<div
43-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
43+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
4444
>
4545
<div
4646
class="MuiCardContent-root css-d64700-MuiCardContent-root"
@@ -67,7 +67,7 @@
6767
type="button"
6868
>
6969
<div
70-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
70+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
7171
>
7272
<div
7373
class="MuiCardContent-root css-d64700-MuiCardContent-root"

‎frontend/src/components/App/Home/__snapshots__/SquareButton.Basic.stories.storyshot

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
type="button"
77
>
88
<div
9-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
9+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
1010
>
1111
<div
1212
class="MuiCardContent-root css-d64700-MuiCardContent-root"

‎frontend/src/components/App/Home/__snapshots__/SquareButton.DifferentIconColor.stories.storyshot

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
type="button"
77
>
88
<div
9-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1o0qjyj-MuiPaper-root-MuiCard-root"
9+
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-18nhd06-MuiPaper-root-MuiCard-root"
1010
>
1111
<div
1212
class="MuiCardContent-root css-d64700-MuiCardContent-root"

0 commit comments

Comments
 (0)