From a8f1017d009f95b0abe231472d6b904ad01cf9d9 Mon Sep 17 00:00:00 2001
From: Justin Campbell <campbell.justin.tyler@gmail.com>
Date: Thu, 17 Sep 2020 18:23:15 -0400
Subject: [PATCH] Move ItemTableAppBar to react-styleguidist folder structure
 w/ docs

---
 src/App.js                                       |  2 +-
 .../ItemTableAppBar}/ItemTableAppBar.js          |  0
 .../ItemTableAppBar/ItemTableAppBar.md           | 16 ++++++++++++++++
 src/components/ItemTableAppBar/index.js          |  3 +++
 4 files changed, 20 insertions(+), 1 deletion(-)
 rename src/{ => components/ItemTableAppBar}/ItemTableAppBar.js (100%)
 create mode 100644 src/components/ItemTableAppBar/ItemTableAppBar.md
 create mode 100644 src/components/ItemTableAppBar/index.js

diff --git a/src/App.js b/src/App.js
index 1dbcdea..6ccb0b4 100644
--- a/src/App.js
+++ b/src/App.js
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { ThemeProvider } from "@material-ui/core/styles";
 import webqueueTheme from "./theme";
 import { Box, makeStyles } from "@material-ui/core";
-import ItemTableAppBar from "./ItemTableAppBar";
+import ItemTableAppBar from "./components/ItemTableAppBar/";
 import ItemTable from "./components/ItemTable/";
 import ItemViewAppBar from "./ItemViewAppBar";
 import ItemView from "./ItemView";
diff --git a/src/ItemTableAppBar.js b/src/components/ItemTableAppBar/ItemTableAppBar.js
similarity index 100%
rename from src/ItemTableAppBar.js
rename to src/components/ItemTableAppBar/ItemTableAppBar.js
diff --git a/src/components/ItemTableAppBar/ItemTableAppBar.md b/src/components/ItemTableAppBar/ItemTableAppBar.md
new file mode 100644
index 0000000..e870d28
--- /dev/null
+++ b/src/components/ItemTableAppBar/ItemTableAppBar.md
@@ -0,0 +1,16 @@
+The ItemTableAppBar is the primary toolbar for the [ItemTable](/#/Components/ItemTable). It displays the application title and application wide actions.
+
+```jsx
+import React, { useState } from "react";
+import webqueue2Theme from "../../theme.js";
+
+const [darkMode, setDarkMode] = useState(false);
+
+const theme = webqueue2Theme(darkMode);
+
+<ItemTableAppBar title="webqueue2" darkMode={darkMode} setDarkMode={setDarkMode} theme={theme} />
+```
+
+```jsx static
+<ItemTableAppBar title="webqueue2" darkMode={darkMode} setDarkMode={setDarkMode} theme={theme} />
+```
\ No newline at end of file
diff --git a/src/components/ItemTableAppBar/index.js b/src/components/ItemTableAppBar/index.js
new file mode 100644
index 0000000..474e0bc
--- /dev/null
+++ b/src/components/ItemTableAppBar/index.js
@@ -0,0 +1,3 @@
+import ItemTableAppBar from "./ItemTableAppBar";
+
+export default ItemTableAppBar;
\ No newline at end of file