From 749b8a0f2b1be319b504376d36223f75ec1eda20 Mon Sep 17 00:00:00 2001
From: wrigh393 <wrigh393@purdue.edu>
Date: Mon, 1 Mar 2021 13:29:48 -0500
Subject: [PATCH] Storybook docs example using ItemTable

---
 .../ItemTable/ItemTable.stories.mdx           | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/components/ItemTable/ItemTable.stories.mdx

diff --git a/src/components/ItemTable/ItemTable.stories.mdx b/src/components/ItemTable/ItemTable.stories.mdx
new file mode 100644
index 0000000..6987d25
--- /dev/null
+++ b/src/components/ItemTable/ItemTable.stories.mdx
@@ -0,0 +1,37 @@
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import  ItemTable  from './ItemTable';
+
+The ItemTable is the primary view for webqueue2. It displays item metadata for items of selected queues and allows for filtering by field and opening an item by clicking. Items are passed in as a required parameter. It is to be used with the [ItemTableAppBar](/#/Components/ItemTableAppBar).
+It is based on [react-table](https://react-table.tanstack.com/).
+
+<Meta title="ItemTable" component={ItemTable} />
+
+export const Template = (props) => <ItemTable {...props} />
+
+# ItemTable Loading Content (Loading)
+
+<Canvas>
+  <Story name="Loading" args={{
+  data: [],
+	rowCanBeSelected:false,
+	loading:true,
+    }}>
+    {Template.bind({})}
+   </Story>
+  </Canvas>
+
+# ItemTable With Content(Loaded)
+
+<Canvas>
+  <Story name="Loaded" args={{
+  data: [
+  {"queue": "ce", "number": 9, "lastUpdated": "09-11-20 12:14 PM", "isLocked": false, "userEmail": "lslusher@purdue.edu", "userName": "Slusher, Laura M", "userAlias": "lslusher", "assignedTo": "bekuma", "subject": "RE: New laptop", "status": "waiting on reply/time to call", "priority": "deploy", "department": "che", "building": "frny", "dateReceived": "2020-03-12T18:07:27+0000"},
+  {"queue": "ce", "number": 42, "lastUpdated": "09-11-20 12:14 PM", "isLocked": false, "userEmail": "feng293@purdue.edu", "userName": "", "userAlias": "feng293", "assignedTo": "schmid22", "subject": "Upgrade system and Abaqus", "status": "", "priority": "", "department": "", "building": "", "dateReceived": "2020-05-14T10:21:32-0400"},
+  {"queue": "ce", "number": 51, "lastUpdated": "09-11-20 12:14 PM", "isLocked": false, "userEmail": "jclauso@purdue.edu", "userName": "", "userAlias": "jclauso", "assignedTo": "schmid22", "subject": "ECN privileges for future grad student", "status": "Waiting for reply", "priority": "", "department": "", "building": "", "dateReceived": "2020-05-14T15:03:07-0400"}
+  ],
+	rowCanBeSelected:false,
+	loading:false,
+    }}>
+    {Template.bind({})}
+   </Story>
+    </Canvas>