release v1.2.1

Author: michaeldaineka

changelog.md

@@ -0,0 +1,35 @@
+# Changelog
+
+# [1.2.1]
+
+### Updated
+- Packages updated
+
+### Fixed
+- Sign up name type of input
+- Dot component size prop
+- Performance errors
+
+# [1.2.0]
+
+### Updated
+- Packages update
+- Link to Full version
+
+### Fixed
+- User login state improvements
+
+## [1.1.0]
+
+### New Feactures
+
+- React v16.8.6
+- React Router v5
+- new React Hooks
+- Material UI v4.3
+
+Bug fixes
+
+## [1.0.0]
+
+Initial version of the project

src/components/Sidebar/Sidebar.js

@@ -66,19 +66,19 @@ const structure = [
     id: 12,
     label: "My recent",
     link: "",
-    icon: <Dot size="large" color="warning" />,
+    icon: <Dot size="small" color="warning" />,
   },
   {
     id: 13,
     label: "Starred",
     link: "",
-    icon: <Dot size="large" color="primary" />,
+    icon: <Dot size="small" color="primary" />,
   },
   {
     id: 14,
     label: "Background",
     link: "",
-    icon: <Dot size="large" color="secondary" />,
+    icon: <Dot size="small" color="secondary" />,
   },
 ];
 

src/components/Sidebar/SidebarView.js

@@ -43,9 +43,9 @@ const structure = [
   { id: 9, label: 'FAQ', link: '', icon: <FAQIcon />},
   { id: 10, type: 'divider' },
   { id: 11, type: 'title', label: 'PROJECTS' },
-  { id: 12, label: 'My recent', link: '', icon: <Dot size="large" color="secondary" /> },
-  { id: 13, label: 'Starred', link: '', icon: <Dot size="large" color="primary" /> },
-  { id: 14, label: 'Background', link: '', icon: <Dot size="large" color="secondary" /> },
+  { id: 12, label: 'My recent', link: '', icon: <Dot size="small" color="secondary" /> },
+  { id: 13, label: 'Starred', link: '', icon: <Dot size="small" color="primary" /> },
+  { id: 14, label: 'Background', link: '', icon: <Dot size="small" color="secondary" /> },
 ];
 
 const SidebarView = ({ classes, theme, toggleSidebar, isSidebarOpened, isPermanent, location }) => {

src/components/Sidebar/components/Dot.js

@@ -5,15 +5,19 @@ import classnames from "classnames";
 // styles
 var useStyles = makeStyles(theme => ({
   dotBase: {
-    width: 5,
-    height: 5,
+    width: 8,
+    height: 8,
     backgroundColor: theme.palette.text.hint,
     borderRadius: "50%",
     transition: theme.transitions.create("background-color"),
   },
+  dotSmall: {
+    width: 5,
+    height: 5
+  },
   dotLarge: {
-    width: 8,
-    height: 8,
+    width: 11,
+    height: 11,
   },
 }));
 

src/pages/login/Login.js

@@ -163,7 +163,7 @@ function Login(props) {
                 onChange={e => setNameValue(e.target.value)}
                 margin="normal"
                 placeholder="Full Name"
-                type="email"
+                type="text"
                 fullWidth
               />
               <TextField