From e267a69458f6b2452bc7441f6474967ad2d8a310 Mon Sep 17 00:00:00 2001
From: Justin Campbell <campb303@purdue.edu>
Date: Thu, 15 Apr 2021 15:41:39 -0400
Subject: [PATCH] Update ItemTableAppBar stories

---
 .../ItemTableAppBar.stories.mdx               | 35 ++++++++++++-------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx b/src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx
index 6e07059..ef6144f 100644
--- a/src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx
+++ b/src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx
@@ -1,21 +1,30 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
 import ItemTableAppBar from "./ItemTableAppBar";
-import { ThemeProvider } from "@material-ui/styles";
 
+<Meta 
+    title="Components/ItemTableAppBar" 
+    component={ItemTableAppBar}
+    argsTypes={{
+        setDarkMode: {
+            control: {
+                type: "object"
+            }
+        }
+    }}
+/>
 
 The ItemTableAppBar is the primary toolbar for the [ItemTable](/?path=/docs/components-itemtable--loading). It displays the application title and application wide actions.
 
-<Meta title="Components/ItemTableAppBar" component={ItemTableAppBar}  />
-
-export const Template = (props) => <ItemTableAppBar {...props} />
-
-# Default
-
 <Canvas>
-  <Story name="Default" args={{
-      title:"webqueue2",
-      darkmode:false
-  }}>
-     {args => <ItemTableAppBar {...args} />}
+    <Story
+        name="Default" 
+        args={{
+            title:"webqueue2",
+            setDarkMode: _ => alert("Use the darkmode toggle in the toolbar above.")
+        }}
+    >
+        { args => <ItemTableAppBar {...args} /> }
     </Story>
 </Canvas>
+
+<ArgsTable of={ItemTableAppBar} />
\ No newline at end of file