39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
|
import { Omit } from "@material-ui/core";
|
||
|
|
import { storiesOf } from "@storybook/react";
|
||
|
|
import * as React from "react";
|
||
|
|
|
||
|
|
import { configurationMenu } from "../../../configuration";
|
||
|
|
import ConfigurationPage, {
|
||
|
|
ConfigurationPageProps
|
||
|
|
} from "../../../configuration/ConfigurationPage";
|
||
|
|
import { staffMember } from "../../../staff/fixtures";
|
||
|
|
import Decorator from "../../Decorator";
|
||
|
|
|
||
|
|
const user = {
|
||
|
|
__typename: staffMember.__typename,
|
||
|
|
email: staffMember.email,
|
||
|
|
firstName: "Adam Evan",
|
||
|
|
id: staffMember.id,
|
||
|
|
isStaff: true,
|
||
|
|
lastName: "Newton",
|
||
|
|
note: null,
|
||
|
|
permissions: staffMember.permissions
|
||
|
|
};
|
||
|
|
const props: Omit<ConfigurationPageProps, "classes"> = {
|
||
|
|
menu: configurationMenu,
|
||
|
|
onSectionClick: () => undefined,
|
||
|
|
user
|
||
|
|
};
|
||
|
|
const partialAccessProps: Omit<ConfigurationPageProps, "classes"> = {
|
||
|
|
...props,
|
||
|
|
user: {
|
||
|
|
...user,
|
||
|
|
permissions: user.permissions.slice(2, 6)
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
storiesOf("Views / Configuration", module)
|
||
|
|
.addDecorator(Decorator)
|
||
|
|
.add("default", () => <ConfigurationPage {...props} />)
|
||
|
|
.add("partial access", () => <ConfigurationPage {...partialAccessProps} />);
|