Something went wrong. Try again.
[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
Something went wrong. Try again.
2.3 kB · 61 lines
TSX
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061import preview from "../../../.storybook/preview.js";import React from 'react';import { sse } from 'msw';
import { Container } from '@chakra-ui/react';import { DeadLetterIndicatorStreamable } from "../../client/components/msComponent/Stats.js";import { sseProviderOptions } from "../../client/App.js";import {Provider} from "../../client/components/Provider.js";import { SSEProvider } from "@flamefrontend/sse-runtime-react";import type {MsSseEvent} from "../../core/Api.js";import { faker } from "@faker-js/faker";
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-exportconst meta = preview.meta({ title: 'Component/Details/Stat Dead', component: DeadLetterIndicatorStreamable, parameters: { // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout layout: 'padded', msw: { handlers: [ sse('/api/events?next=true', async ({ params, client }) => { }), ], }, }, // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs tags: ['autodocs'], // More on argTypes: https://storybook.js.org/docs/api/argtypes // args: { // streamable: false, // }, render: function Render(args) { return (<DeadLetterIndicatorStreamable {...args} />) },decorators: [ (Story) => (<Provider><Container maxW="xl"><SSEProvider<MsSseEvent> options={sseProviderOptions}><Story/></SSEProvider></Container></Provider>), ] // 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});
const randomQueue = () => faker.helpers.arrayElement(['deadLetter','deadLetterRemoved','deadLetterDequeued','deadQueued']);
export const StatsQueued = meta.story({ args: { data: { deadLetterPlays: 3, deadLetterPlaysTotal: 5, id: 1, } }, parameters: { msw: { handlers: [ sse('/api/events?next=true', async ({ params, client }) => { setInterval(() => client.send({event: randomQueue(), data: {componentId: 1}}), 2000); }), ], }, }});