[READ-ONLY] Mirror of https://github.com/FoxxMD/multi-scrobbler. Scrobble plays from multiple sources to multiple clients
docs.multi-scrobbler.app
deezer
docker
jellyfin
koito
lastfm
listenbrainz
maloja
mopidy
mpris
music
music-assistant
plex
scrobble
self-hosted
spotify
subsonic
tautulli
youtube-music
fix(storybook): Fix router wiring for component list stories
+15
-1
+15
-1
src/stories/ComponentList.stories.tsx
+15
-1
src/stories/ComponentList.stories.tsx
···
7
7
import { generateClientApiJson, generateSourceApiJson, generateSourcePlayerJson } from "../core/tests/utils/apiFixtures.js";
8
8
import { generateArray } from "../core/DataUtils.js";
9
9
import { faker } from "@faker-js/faker";
10
+
import { MsSseEvent } from "../core/Api.js";
11
+
import { SSEProvider } from "@flamefrontend/sse-runtime-react";
12
+
import { sseProviderOptions } from "../client/AppNext.js";
13
+
import { withRouter, reactRouterParameters } from 'storybook-addon-remix-react-router';
10
14
11
15
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
12
16
const meta = preview.meta({
···
15
19
parameters: {
16
20
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
17
21
layout: 'padded',
22
+
reactRouter: reactRouterParameters({
23
+
location: {
24
+
path: '/'
25
+
},
26
+
routing: {
27
+
path: '/',
28
+
useStoryElement: true
29
+
}
30
+
}),
18
31
},
19
32
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
20
33
tags: ['autodocs'],
···
32
45
return (<MSComponentList {...args} />)
33
46
},
34
47
decorators: [
35
-
(Story) => (<Provider><Container maxWidth="4xl"><Story/></Container></Provider>),
48
+
withRouter,
49
+
(Story) => (<Provider><Container maxWidth="4xl"><SSEProvider<MsSseEvent> options={sseProviderOptions}><Story/></SSEProvider></Container></Provider>),
36
50
]
37
51
// Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#story-args
38
52
});