feat Integrating Pre-commit hook #248

README.md

@@ -59,6 +59,8 @@ By keeping track of their cycles and notifying them, our app Periodo will assist
     yarn install
     #or
     npm install
+    #or
+    npm run setup
     ```
 - **Run the project:**
     ```bash

periodo/.husky/.gitignore

@@ -0,0 +1 @@
+_

periodo/.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run prettier
+npm run lint:fix

periodo/components/Layout.js

@@ -1,3 +1,4 @@
+
 import Header from './navbar'
 import Footer from './Footer/Footer'
 import React, {Component} from 'react'
@@ -16,4 +17,4 @@ class Layout extends Component {
     }
 }
 
-export default Layout;
+export default Layout;

periodo/components/navbar.component.style.js

@@ -3,60 +3,60 @@ import { makeStyles } from "@material-ui/core/styles";
 const drawerWidth = 240;
 
 const useStyles = makeStyles((theme) => ({
-    root: {
-      display: "flex",
-    },
-    appBar: {
-      transition: theme.transitions.create(["margin", "width"], {
-        easing: theme.transitions.easing.sharp,
-        duration: theme.transitions.duration.leavingScreen,
-      }),
-    },
-    appBarShift: {
-      width: `calc(100% - ${drawerWidth}px)`,
-      marginLeft: drawerWidth,
-      transition: theme.transitions.create(["margin", "width"], {
-        easing: theme.transitions.easing.easeOut,
-        duration: theme.transitions.duration.enteringScreen,
-      }),
-    },
-    menuButton: {
-      marginRight: theme.spacing(2),
-    },
-    hide: {
-      display: "none",
-    },
-    drawer: {
-      width: drawerWidth,
-      flexShrink: 0,
-    },
-    drawerPaper: {
-      width: drawerWidth,
-    },
-    drawerHeader: {
-      display: "flex",
-      alignItems: "center",
-      padding: theme.spacing(0, 1),
-      // necessary for content to be below app bar
-      ...theme.mixins.toolbar,
-      justifyContent: "flex-end",
-    },
-    content: {
-      flexGrow: 1,
-      padding: theme.spacing(3),
-      transition: theme.transitions.create("margin", {
-        easing: theme.transitions.easing.sharp,
-        duration: theme.transitions.duration.leavingScreen,
-      }),
-      marginLeft: -drawerWidth,
-    },
-    contentShift: {
-      transition: theme.transitions.create("margin", {
-        easing: theme.transitions.easing.easeOut,
-        duration: theme.transitions.duration.enteringScreen,
-      }),
-      marginLeft: 0,
-    },
-  }));
+  root: {
+    display: "flex",
+  },
+  appBar: {
+    transition: theme.transitions.create(["margin", "width"], {
+      easing: theme.transitions.easing.sharp,
+      duration: theme.transitions.duration.leavingScreen,
+    }),
+  },
+  appBarShift: {
+    width: `calc(100% - ${drawerWidth}px)`,
+    marginLeft: drawerWidth,
+    transition: theme.transitions.create(["margin", "width"], {
+      easing: theme.transitions.easing.easeOut,
+      duration: theme.transitions.duration.enteringScreen,
+    }),
+  },
+  menuButton: {
+    marginRight: theme.spacing(2),
+  },
+  hide: {
+    display: "none",
+  },
+  drawer: {
+    width: drawerWidth,
+    flexShrink: 0,
+  },
+  drawerPaper: {
+    width: drawerWidth,
+  },
+  drawerHeader: {
+    display: "flex",
+    alignItems: "center",
+    padding: theme.spacing(0, 1),
+    // necessary for content to be below app bar
+    ...theme.mixins.toolbar,
+    justifyContent: "flex-end",
+  },
+  content: {
+    flexGrow: 1,
+    padding: theme.spacing(3),
+    transition: theme.transitions.create("margin", {
+      easing: theme.transitions.easing.sharp,
+      duration: theme.transitions.duration.leavingScreen,
+    }),
+    marginLeft: -drawerWidth,
+  },
+  contentShift: {
+    transition: theme.transitions.create("margin", {
+      easing: theme.transitions.easing.easeOut,
+      duration: theme.transitions.duration.enteringScreen,
+    }),
+    marginLeft: 0,
+  },
+}));
 
-  export default useStyles
+export default useStyles;

periodo/components/navbar.css

@@ -47,7 +47,7 @@
     width: 30px;
     min-height: 7px;
     margin: 2px;
-    background-color:rgb(255, 211, 232);
+    background-color: rgb(255, 211, 232);
   }
 }
 @media screen and (max-width: 1000px) {
@@ -66,7 +66,7 @@
     width: 30px;
     min-height: 7px;
     margin: 2px;
-    background-color:rgb(247, 168, 206);
+    background-color: rgb(247, 168, 206);
   }
 
   #nav-btn:checked + .main-navbar {
@@ -145,7 +145,7 @@
     grid-gap: 0px;
   }
   .nav-options.active {
-    background: #000000 ;
+    background: #000000;
     left: 0;
     opacity: 1;
     transition: all 0.5s ease;
@@ -171,4 +171,4 @@
 }
 .mobile-menu {
   display: block;
-}
+}