From c4240bd87fd7d9b9e16e0b5524827f56c559d6b5 Mon Sep 17 00:00:00 2001
From: Yuya Ochiai <yuya0321@gmail.com>
Date: Wed, 17 Oct 2018 22:10:24 +0900
Subject: [PATCH] Add storybook file for UpdaterPage

---
 .../UpdaterPage/UpdaterPage.stories.jsx       | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 src/browser/components/UpdaterPage/UpdaterPage.stories.jsx

diff --git a/src/browser/components/UpdaterPage/UpdaterPage.stories.jsx b/src/browser/components/UpdaterPage/UpdaterPage.stories.jsx
new file mode 100644
index 00000000..1eb43abc
--- /dev/null
+++ b/src/browser/components/UpdaterPage/UpdaterPage.stories.jsx
@@ -0,0 +1,52 @@
+// Copyright (c) 2015-2016 Yuya Ochiai
+// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import React from 'react';
+import {storiesOf} from '@storybook/react';
+
+import {action} from '@storybook/addon-actions';
+
+import UpdaterPage from '../UpdaterPage.jsx';
+import '../../css/components/UpdaterPage.css';
+
+/*
+appName: propTypes.string.isRequired,
+notifyOnly: propTypes.bool.isRequired,
+isDownloading: propTypes.bool.isRequired,
+progress: propTypes.number,
+onClickInstall: propTypes.func.isRequired,
+onClickDownload: propTypes.func.isRequired,
+onClickReleaseNotes: propTypes.func.isRequired,
+onClickRemind: propTypes.func.isRequired,
+onClickSkip: propTypes.func.isRequired,
+*/
+const appName = 'Storybook App';
+
+storiesOf('UpdaterPage', module).
+  add('Normal', () => (
+    <UpdaterPage
+      appName={appName}
+      notifyOnly={false}
+      isDownloading={false}
+      progress={0}
+      onClickInstall={action('clicked install')}
+      onClickReleaseNotes={action('clicked release notes')}
+      onClickRemind={action('clicked remind')}
+      onClickSkip={action('clicked skip')}
+    />
+  )).
+  add('NotifyOnly', () => (
+    <UpdaterPage
+      appName={appName}
+      notifyOnly={true}
+      onClickDownload={action('clicked download')}
+    />
+  )).
+  add('Downloading', () => (
+    <UpdaterPage
+      appName={appName}
+      isDownloading={true}
+      progress={0}
+    />
+  ));