Skip to content

Commit

Permalink
Updated variable name & stories structure as requested.
Browse files Browse the repository at this point in the history
  • Loading branch information
NikuPAN committed Jul 15, 2024
1 parent 1ec878b commit f53a4bf
Show file tree
Hide file tree
Showing 3 changed files with 12 additions and 17 deletions.
23 changes: 9 additions & 14 deletions src/components/OperationalStatus/OperationalStatus.stories.tsx
Original file line number Diff line number Diff line change
@@ -1,10 +1,7 @@
import { Meta, StoryFn } from "@storybook/react";
import { OperationalStatus, OperationalStatusData } from "./OperationalStatus";
import { OperationalStatus, OperationalStatusProps } from "./OperationalStatus";
import jsonData from "../../../public/status.json";

const typedJsonData: OperationalStatusData["data"] =
jsonData as OperationalStatusData["data"];

export default {
title: "Component/OperationalStatus",
component: OperationalStatus,
Expand All @@ -14,28 +11,26 @@ const Template: StoryFn<typeof OperationalStatus> = (args) => (
<OperationalStatus {...args} />
);

export const Default = Template.bind({});
Default.args = {
title: "Display all",
data: jsonData as OperationalStatusProps["data"],
};

export const Operational = Template.bind({});
Operational.args = {
...Default.args,
title: "Operational status",
data: typedJsonData,
displayOKOnly: true,
};

export const Disruptions = Template.bind({});
Disruptions.args = {
...Default.args,
title: "Service disruptions",
data: typedJsonData,
displayDisruptedOnly: true,
};

export const DisplayAllData = Template.bind({});
DisplayAllData.args = {
title: "Service disruptions",
data: typedJsonData,
displayOKOnly: false,
displayDisruptedOnly: false,
};

export const NoDataAvailable = Template.bind({});
NoDataAvailable.args = {
title: "No available data",
Expand Down
4 changes: 2 additions & 2 deletions src/components/OperationalStatus/OperationalStatus.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -28,14 +28,14 @@ interface Data extends Service {
services: Service[];
}

export interface OperationalStatusData extends Data {
export interface OperationalStatusProps extends Data {
title: string;
data?: Data;
displayOKOnly: boolean;
displayDisruptedOnly: boolean;
}

export const OperationalStatus: FunctionComponent<OperationalStatusData> = ({
export const OperationalStatus: FunctionComponent<OperationalStatusProps> = ({
title,
data,
displayOKOnly = false,
Expand Down
2 changes: 1 addition & 1 deletion src/components/OperationalStatus/index.ts
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
export {
OperationalStatus,
type OperationalStatusData,
type OperationalStatusProps,
} from "./OperationalStatus";

0 comments on commit f53a4bf

Please sign in to comment.