Changed storybook config folder name; updated package.json to work wi…

…th the changes

package.json

@@ -37,8 +37,8 @@
     "venv:freeze": "cd api/ && venv/bin/pip freeze | grep -v 'pkg-resources' > requirements.txt",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -s public"
+    "storybook": "start-storybook -p 6006 -s public -c storybook",
+    "build-storybook": "build-storybook -s public -c storybook"
   },
   "eslintConfig": {
     "extends": "react-app"

.storybook/preview.js → storybook/preview.js

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import ItemProvider from '../src/components/ItemProvider';
 import { ThemeProvider } from "@material-ui/core/styles";
 import webqueueTheme from "../src/theme";
+import { Paper } from "@material-ui/core";
 
 
 
@@ -14,8 +15,8 @@ export const globalTypes = {
     toolbar: {
       icon: 'mirror',
       items: [
-        {value:true, title: "Dark Mode active",},
-        {value:false, title: "Dark Mode off",}
+        { value: true, title: "Dark Mode active", icon: "contrast" },
+        { value: false, title: "Dark Mode off", icon: "switchalt" }
       ],
     },
   },
@@ -27,7 +28,7 @@ const withThemeProvider = (Story, context) => {
   const theme = webqueueTheme(context.globals.theme);
   return (
     <ThemeProvider theme={theme} >
-      <Story {...context} />
+        <Story {...context} />
     </ThemeProvider>
   )
 }
@@ -49,10 +50,4 @@ export const parameters = {
       order: ['Introduction', 'Components']
     },
   },
-  backgrounds: {
-    values: [
-      { name: 'red', value: '#f00' },
-      { name: 'green', value: '#0f0' },
-    ],
-  },
 }