Grids Init

components/grids/grid.tsx

@@ -0,0 +1,10 @@
+import Boards from '../boards/boards';
+
+export default function Grid(props: any) {
+    let { className = `gridComponent` } = props;
+    return (
+        <div className={`grid userGrid ${className}`}>
+            <Boards />
+        </div>
+    )
+}

components/grids/grids.tsx

@@ -0,0 +1,10 @@
+import Grid from './grid';
+
+export default function Grids(props: any) {
+    let { className = `gridsComponent` } = props;
+    return (
+        <div className={`grids userGrids ${className}`}>
+            <Grid />
+        </div>
+    )
+}

pages/index.mdx

@@ -1,7 +1,7 @@
-import Boards from '../components/boards/boards'
+import Grids from '../components/grids/grids'
 
 <div className={`hidden`}>
-    # Boards
+    # Home
 </div>
 
-<Boards />
+<Grids />

shared/database.ts

@@ -1,7 +1,7 @@
 import { User } from './models/User';
 import { Grid } from './models/Grid';
 import { Board } from './models/Board';
-import { capWords, dev } from '../pages/_app';
+import { capWords } from '../pages/_app';
 import { GridTypes, Types } from './types/types';
 import { BoardTypes } from '../components/boards/boards';
 import { isValid, removeNullAndUndefinedProperties, stringNoSpaces } from './constants';
@@ -83,7 +83,7 @@ export const createUser = (
     verified = false, 
     anonymous = false, 
     active = true, 
-    type = Types.User
+    type = Types.User,
 ) => {
 
     let user: User = new User({