moira-web

1
// @flow
2
import * as React from "react";
3
import { storiesOf } from "@storybook/react";
4
import { action } from "@storybook/addon-actions";
5
import { ValidationContainer } from "react-ui-validations";
6
import { ContactTypes } from "../Domain/ContactType";
7
import SubscriptionEditor from "../Components/SubscriptionEditor/SubscriptionEditor";
8
import { createSchedule, WholeWeek } from "../Domain/Schedule";
9

10
storiesOf("SubscriptionEditor", module)
11
    .addDecorator(story => <ValidationContainer>{story()}</ValidationContainer>)
12
    .add("Default", () => (
13
        <SubscriptionEditor
14
            onChange={action("onChange")}
15
            tags={["tag1", "tag2"]}
16
            contacts={[
17
                {
18
                    id: "1",
19
                    type: ContactTypes.mail,
20
                    user: "1",
21
                    value: "test@mail.ru",
22
                },
23
            ]}
24
            subscription={{
25
                sched: createSchedule(WholeWeek),
26
                tags: ["tag1"],
27
                throttling: false,
28
                contacts: ["1"],
29
                enabled: true,
30
                user: "1",
31
                id: "1",
32
                sendNotificationsOnTriggerDegradedOnly: undefined,
33
                doNotSendWarnNotifications: undefined,
34
                escalations: [],
35
            }}
36
        />
37
    ))
38
    .add("WithDegradationTag", () => (
39
        <SubscriptionEditor
40
            onChange={action("onChange")}
41
            tags={["tag1", "tag2"]}
42
            contacts={[
43
                {
44
                    id: "1",
45
                    type: ContactTypes.mail,
46
                    user: "1",
47
                    value: "test@mail.ru",
48
                },
49
            ]}
50
            subscription={{
51
                sched: createSchedule(WholeWeek),
52
                tags: ["tag1", "DEGRADATION"],
53
                throttling: false,
54
                contacts: ["1"],
55
                enabled: true,
56
                user: "1",
57
                id: "1",
58
                sendNotificationsOnTriggerDegradedOnly: undefined,
59
                doNotSendWarnNotifications: undefined,
60
                escalations: [],
61
            }}
62
        />
63
    ));
64