chore: fix broken TreeListing storybook (#88)

This commit is contained in:
Patric Stout
2024-05-09 17:27:44 +02:00
committed by GitHub
parent 41d54bbdc4
commit 88310bffd1

View File

@@ -1,13 +1,9 @@
import type { Decorator, Meta, StoryObj } from "@storybook/react";
import type { Meta, StoryObj } from "@storybook/react";
import React from "react";
import { fullFit } from "../../.storybook/fits";
import { TreeListing } from "./";
import { EsiProvider } from "../EsiProvider";
import { EveDataProvider } from "../EveDataProvider";
import { EsiFit, ShipSnapshotProvider } from "../ShipSnapshotProvider";
import { DogmaEngineProvider } from "../DogmaEngineProvider";
import { TreeHeader, TreeListing } from "./";
const meta: Meta<typeof TreeListing> = {
component: TreeListing,
@@ -18,31 +14,12 @@ const meta: Meta<typeof TreeListing> = {
export default meta;
type Story = StoryObj<typeof TreeListing>;
const withEsiProvider: Decorator<{ changeHull: (typeId: number) => void; changeFit: (fit: EsiFit) => void }> = (
Story,
context,
) => {
return (
<EveDataProvider>
<EsiProvider setSkills={console.log}>
<DogmaEngineProvider>
<ShipSnapshotProvider {...context.parameters.snapshot}>
<div style={{ height: "400px" }}>
<Story />
</div>
</ShipSnapshotProvider>
</DogmaEngineProvider>
</EsiProvider>
</EveDataProvider>
);
};
export const Default: Story = {
args: {
changeHull: (typeId: number) => console.log(`changeHull(${typeId})`),
changeFit: (fit: EsiFit) => console.log(`changeFit(${fit})`),
getChildren: () => <div>Test</div>,
header: <TreeHeader text="Header" />,
level: 0,
},
decorators: [withEsiProvider],
parameters: {
snapshot: {
fit: fullFit,