1 files changed, 26 insertions, 20 deletions

diff --git a/uidev/src/stories/toggle.stories.tsx b/uidev/src/stories/toggle.stories.tsx
index af6b282bc..f54e67596 100644
--- a/uidev/src/stories/toggle.stories.tsx
+++ b/uidev/src/stories/toggle.stories.tsx
@@ -1,7 +1,7 @@
 import { observable } from 'mobx';
 import { observer } from 'mobx-react';
 import React from 'react';
-import uuid from 'uuid/v4';
+import { v4 as uuid } from 'uuid';
 
 import { Toggle } from '@meetfranz/forms';
 import { storiesOf } from '../stores/stories';
@@ -16,14 +16,17 @@ interface IStoreArgs {
   error?: string;
 }
 
-const createStore = (args?: IStoreArgs) => observable({ id: `element-${uuid()}`,
+const createStore = (args?: IStoreArgs) =>
+  observable({
+    id: `element-${uuid()}`,
     name: 'toggle',
     label: 'Label',
     value: true,
     checked: false,
     disabled: false,
     error: '',
-...args });
+    ...args,
+  });
 
 const WithStoreToggle = observer(({ store }: { store: any }) => (
   <>
@@ -35,37 +38,40 @@ const WithStoreToggle = observer(({ store }: { store: any }) => (
       name={store.name}
       disabled={store.disabled}
       error={store.error}
-      onChange={() => store.checked = !store.checked}
+      onChange={() => (store.checked = !store.checked)}
     />
   </>
 ));
 
 storiesOf('Toggle')
-  .add('Basic', () => (
-    <WithStoreToggle store={createStore()} />
-  ))
+  .add('Basic', () => <WithStoreToggle store={createStore()} />)
   .add('Checked', () => (
-    <WithStoreToggle store={createStore({
-      checked: true,
-    })}
+    <WithStoreToggle
+      store={createStore({
+        checked: true,
+      })}
     />
   ))
   .add('Disabled', () => (
-    <WithStoreToggle store={createStore({
-      checked: true,
-      disabled: true,
-    })}
+    <WithStoreToggle
+      store={createStore({
+        checked: true,
+        disabled: true,
+      })}
     />
   ))
   .add('Long label', () => (
-    <WithStoreToggle store={createStore({
-      label: 'Hello world, this is an insanely long label for this toggle. We need to make sure that it will be displayed correctly.',
-    })}
+    <WithStoreToggle
+      store={createStore({
+        label:
+          'Hello world, this is an insanely long label for this toggle. We need to make sure that it will be displayed correctly.',
+      })}
     />
   ))
   .add('With error', () => (
-    <WithStoreToggle store={createStore({
-      error: 'Something went wrong',
-    })}
+    <WithStoreToggle
+      store={createStore({
+        error: 'Something went wrong',
+      })}
     />
   ));