From 9366880dfe9bb6edd48f62314596d8642720a5f8 Mon Sep 17 00:00:00 2001
From: Justin Campbell <campb303@purdue.edu>
Date: Mon, 5 Apr 2021 18:03:40 -0400
Subject: [PATCH] Annotate globalTypes, remove nonexistant properties

---
 storybook/preview.js | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/storybook/preview.js b/storybook/preview.js
index 516a6de..136b2b2 100644
--- a/storybook/preview.js
+++ b/storybook/preview.js
@@ -8,20 +8,21 @@ import ItemProvider from '../src/components/ItemProvider';
 import { ThemeProvider } from "@material-ui/core/styles";
 import webqueueTheme from "../src/theme";
 
-	/**
-	 * Adds a toolbar item that allow users to toggle dark mode on and off.
-	 * @type {Object}
-	 */
-   export const globalTypes = {
-    theme: {
-      name: 'Set Dark Mode',
-      description: 'Global theme for components',
-      defaultValue: false,
-      toolbar: {
-        icon: 'mirror',
-        items: [
-          { value: true, title: "Dark Mode active", icon: "contrast" },
-          { value: false, title: "Dark Mode off", icon: "switchalt" }
+/**
+ * Object defining toolbar controls.
+ * @type {Object}
+ * @see: https://storybook.js.org/docs/react/essentials/toolbars-and-globals#global-types-and-the-toolbar-annotation
+ */
+export const globalTypes = {
+  theme: {
+    name: 'Toggle Dark Mode',
+    description: 'Toggle between light and dark variants.',
+    defaultValue: false,
+    toolbar: {
+      icon: 'mirror',
+      items: [
+        { value: true, title: "Dark Mode On" },
+        { value: false, title: "Dark Mode Off" }
       ],
     },
   },