From 166bc0a5392d60522fadc7ae26f13198557b7dda Mon Sep 17 00:00:00 2001
From: Anton Gilgur <agilgur5@gmail.com>
Date: Thu, 22 Aug 2024 17:26:12 -0400
Subject: [PATCH] more diff reduction

Signed-off-by: Anton Gilgur <agilgur5@gmail.com>
---
 stories/dropdown.stories.tsx    |  4 ++--
 stories/forms.stories.tsx       | 36 +++++++++++++++++----------------
 stories/logs-viewer.stories.tsx | 20 +++++++++---------
 3 files changed, 31 insertions(+), 29 deletions(-)

diff --git a/stories/dropdown.stories.tsx b/stories/dropdown.stories.tsx
index fca312cc..f5816c4d 100644
--- a/stories/dropdown.stories.tsx
+++ b/stories/dropdown.stories.tsx
@@ -18,7 +18,7 @@ export const Menu = () => {
                 <li><a>menu item 2</a></li>
             </ul>
         </DropDown>
-    )
+    );
 };
 Menu.storyName = 'menu';
 
@@ -28,6 +28,6 @@ export const MenuWrapper = () => {
             title: 'menu item 1',
             action: () => window.alert('Clicked!'),
         }]} />
-    )
+    );
 };
 MenuWrapper.storyName = 'menu wrapper';
diff --git a/stories/forms.stories.tsx b/stories/forms.stories.tsx
index a52ccaef..09cbe398 100644
--- a/stories/forms.stories.tsx
+++ b/stories/forms.stories.tsx
@@ -7,21 +7,23 @@ export default {
     title: 'Forms',
 };
 
-export const Default = () => (
-    <Form>
-        {(api) => (
-            <form style={{padding: '1em'}}>
-                <div className='argo-form-row'>
-                    <FormField label='Textbox' formApi={api} field='textField' component={Text} />
-                </div>
-                <div className='argo-form-row'>
-                    <FormField label='Password' formApi={api} field='passwordField' component={Text} componentProps={{type: 'password'}} />
-                </div>
-                <div className='argo-form-row'>
-                    <FormField label='Select' formApi={api} field='selectField' component={FormSelect} componentProps={{options: ['option1', 'option2']}} />
-                </div>
-            </form>
-        )}
-    </Form>
-);
+export const Default = () => {
+    return (
+        <Form>
+            {(api) => (
+                <form style={{padding: '1em'}}>
+                    <div className='argo-form-row'>
+                        <FormField label='Textbox' formApi={api} field='textField' component={Text} />
+                    </div>
+                    <div className='argo-form-row'>
+                        <FormField label='Password' formApi={api} field='passwordField' component={Text} componentProps={{type: 'password'}} />
+                    </div>
+                    <div className='argo-form-row'>
+                        <FormField label='Select' formApi={api} field='selectField' component={FormSelect} componentProps={{options: ['option1', 'option2']}} />
+                    </div>
+                </form>
+            )}
+        </Form>
+    );
+};
 Default.storyName = 'default';
diff --git a/stories/logs-viewer.stories.tsx b/stories/logs-viewer.stories.tsx
index c140856a..97175b7d 100644
--- a/stories/logs-viewer.stories.tsx
+++ b/stories/logs-viewer.stories.tsx
@@ -8,15 +8,15 @@ export default {
 };
 
 export const Default = () => (
-    <div>
-        <LogsViewer source={{
-            key: 'test',
-            loadLogs: () => new Observable<string>((observer) => {
-                const interval = setInterval(() => observer.next('test\n'), 1000);
-                return () => clearInterval(interval);
-            }),
-            shouldRepeat: () => false,
-        }}/>
-    </div>
+  <div>
+    <LogsViewer source={{
+        key: 'test',
+        loadLogs: () => new Observable<string>((observer) => {
+            const interval = setInterval(() => observer.next('test\n'), 1000);
+            return () => clearInterval(interval);
+        }),
+        shouldRepeat: () => false,
+    }}/>
+  </div>
 );
 Default.storyName = 'default';