From 23a30e2ab21c2e0212fba3e839d8fc9b6f31454b Mon Sep 17 00:00:00 2001
From: sureshHARDIYA <itsmeskm99@gmail.com>
Date: Wed, 15 Mar 2017 14:38:43 +0100
Subject: [PATCH] Add onClick props in storybook

This reason, users clicked on button and did not see any action, now it
logs the action
---
 .storybook/config.js           | 10 +++++-----
 src/__tests__/Dropdown-test.js |  1 -
 src/stories/Button.js          | 12 ++++++------
 3 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/.storybook/config.js b/.storybook/config.js
index 7c855c67..bbee2891 100644
--- a/.storybook/config.js
+++ b/.storybook/config.js
@@ -42,12 +42,12 @@ addDecorator((fn, { kind, story }) => <div>
     </div>
   </nav>
   <div className="uk-margin-top uk-margin-left uk-margin-right uk-margin-bottom">
-    <a
+    {/* <a
       href={`javascript:
-    var script = document.createElement('script');
-    script.setAttribute('src', 'https://getuikit.com/migrate.min.js');
-    document.body.appendChild(script);
-  `}>test</a>
+      var script = document.createElement('script');
+      script.setAttribute('src', 'https://getuikit.com/migrate.min.js');
+      document.body.appendChild(script);
+    `}>test</a> */}
     {fn()}
   </div>
 </div>)
diff --git a/src/__tests__/Dropdown-test.js b/src/__tests__/Dropdown-test.js
index 84526175..e9c7ef5c 100644
--- a/src/__tests__/Dropdown-test.js
+++ b/src/__tests__/Dropdown-test.js
@@ -1,5 +1,4 @@
 import renderer from 'react-test-renderer'
-
 import Dropdown from '../Dropdown'
 
 jest.useFakeTimers()
diff --git a/src/stories/Button.js b/src/stories/Button.js
index 99910861..6f80bd87 100644
--- a/src/stories/Button.js
+++ b/src/stories/Button.js
@@ -1,4 +1,4 @@
-import { storiesOf } from '@kadira/storybook'
+import { storiesOf, action } from '@kadira/storybook'
 import { Button } from 'uikit-react'
 
 // This is to work around: https://github.com/kadirahq/react-storybook-addon-info/issues/26#issuecomment-229029177
@@ -7,10 +7,10 @@ Button.displayName = 'Button'
 storiesOf('Button', module)
   .addWithInfo('Basic Usage', '', () => (
     <div className="uk-margin-bottom">
-      <Button primary>Primary</Button> &nbsp;
-      <Button success>Success</Button> &nbsp;
-      <Button danger>Danger</Button> &nbsp;
-      <Button link>Link</Button> &nbsp;
-      <Button type="submit">Submit</Button>
+      <Button primary onClick={action('onClick Primary')}>Primary</Button> &nbsp;
+      <Button success onClick={action('onClick Success')}>Success</Button> &nbsp;
+      <Button danger onClick={action('onClick Danger')}>Danger</Button> &nbsp;
+      <Button link onClick={action('onClick Link')}>Link</Button> &nbsp;
+      <Button type="submit" onClick={action('onClick Submit')}>Submit</Button>
     </div>
   ), { header: false, inline: true, propTables: [Button] })