Added database changes and faced issues with permissions. Added shop query.

client/src/components/white-board-card/white-board-card.component.jsx

@@ -14,21 +14,21 @@ class WhiteBoardCard extends React.Component {
 
   render() {
     const { loading } = this.state;
-    const {
-      onClick,
-      className,
-      name,
-      cardStyle,
-      body,
-      dueOn,
-      cardColor,
-      subTitle,
-      tagStyle,
-      escalationText,
-      tags,
-      showDeleteButton,
-      onDelete
-    } = this.props;
+    // const {
+    //   onClick,
+    //   className,
+    //   name,
+    //   cardStyle,
+    //   body,
+    //   dueOn,
+    //   cardColor,
+    //   subTitle,
+    //   tagStyle,
+    //   escalationText,
+    //   tags,
+    //   showDeleteButton,
+    //   onDelete
+    // } = this.props;
 
     return (
       <div>

client/src/components/white-board-left-sider/white-board-left-sider.container.jsx

@@ -1,17 +1,19 @@
 import React from "react";
-import { Query, Mutation } from "react-apollo";
+import { Query } from "react-apollo";
 
-import WhiteBoardLeftSiderComponent from './white-board-left-sider.component'
+import WhiteBoardLeftSiderComponent from "./white-board-left-sider.component";
 import Spin from "../loading-spinner/loading-spinner.component";
 import { GET_WHITE_BOARD_LEFT_SIDER_VISIBLE } from "../../graphql/local.queries";
 
 export default function WhiteBoardPageContainer() {
   return (
     <Query query={GET_WHITE_BOARD_LEFT_SIDER_VISIBLE}>
-      {({ loading, error, data: { whiteBoardLeftSiderVisible} }) => {
+      {({ loading, error, data: { whiteBoardLeftSiderVisible } }) => {
         if (loading) return <Spin />;
         if (error) return error.message;
-        return <WhiteBoardLeftSiderComponent visible={whiteBoardLeftSiderVisible}/>;
+        return (
+          <WhiteBoardLeftSiderComponent visible={whiteBoardLeftSiderVisible} />
+        );
       }}
     </Query>
   );