Code cleaning, errors fix

Author: Blari

package.json

@@ -39,6 +39,7 @@
     "history": "4.10.1",
     "jsonwebtoken": "^8.5.1",
     "line-awesome": "^1.3.0",
+    "lodash": "^4.17.21",
     "moment": "2.29.1",
     "mui-datatables": "^4.2.2",
     "query-string": "7.1.0",

src/components/App.js

@@ -2,20 +2,16 @@ import React from 'react';
 import { Router, Route, Switch, Redirect } from 'react-router-dom';
 import { ConnectedRouter } from 'connected-react-router';
 import { SnackbarProvider } from './Snackbar';
-import { Close as CloseIcon } from '@mui/icons-material';
-import useStyles from './styles';
+
 // components
 import Layout from './Layout';
 import Documentation from './Documentation/Documentation';
 
-
 // pages
-import Starter from '../pages/starter';
 import Error from '../pages/error';
 import Login from '../pages/login';
 import Verify from '../pages/verify';
 import Reset from '../pages/reset';
-import Profile from '../pages/profile';
 
 // context
 import { useUserState } from '../context/UserContext';
@@ -25,10 +21,6 @@ export default function App() {
   // global
   let { isAuthenticated } = useUserState();
   const isAuth = isAuthenticated();
-  const classes = useStyles();
-  function CloseButton({ closeToast, className }) {
-    return <CloseIcon className={className} onClick={closeToast} />;
-  }
 
   return (
     <>
@@ -50,7 +42,6 @@ export default function App() {
 
               <Route path='/documentation' component={Documentation} />
               <PrivateRoute path='/app' component={Layout} />
-              <PublicRoute path='/starter' component={Starter} />
               <PublicRoute path='/login' component={Login} />
               <PublicRoute path='/verify-email' exact component={Verify} />
               <PublicRoute path='/password-reset' exact component={Reset} />
@@ -73,7 +64,7 @@ export default function App() {
           isAuth ? (
             React.createElement(component, props)
           ) : (
-            <Redirect to={'/starter'} />
+            <Redirect to={'/login'} />
           )
         }
       />

src/components/Documentation/Documentation.js

@@ -55,12 +55,7 @@ const Documentation = (props) => {
             alignItems='center'
           >
             {structure.map((c) => {
-              // eslint-disable-line
-              if (
-                !c.children &&
-                window.location.hash.includes(c.link) &&
-                c.link
-              ) {
+              if (!c.children && window.location.hash.includes(c.link) && c.link) {
                 return (
                   <Box display='flex' alignItems='center' key={c.id}>
                     <Breadcrumbs aria-label='breadcrumb'>
@@ -69,8 +64,8 @@ const Documentation = (props) => {
                   </Box>
                 );
               } else if (c.children) {
-                return c.children.map((currentInner) => {
-                  // eslint-disable-line
+                return c.children.forEach((currentInner) => {
+                  // eslint-disable-array-callback-return
                   if (window.location.hash.includes(currentInner.link)) {
                     return (
                       <Breadcrumbs

src/components/Documentation/components/Sidebar/SidebarStructure.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 const structure = [
   {
     id: 0,

src/components/FormItems/items/ImagesFormItem.js

@@ -13,8 +13,7 @@ const ImagesFormItem = (props) => {
     path,
     fileProps,
     max = undefined,
-    inputProps,
-    required = false,
+    inputProps
   } = props;
 
   const { label } = schema[name];

src/components/FormItems/items/InputFormItem.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React  from 'react';
 import PropTypes from 'prop-types';
 import FormErrors from 'components/FormItems/formErrors';
 import { FastField } from 'formik';
@@ -9,15 +9,12 @@ const InputFormItem = (props) => {
     name,
     schema,
     hint,
-    size,
-    password,
     placeholder,
     autoFocus,
     autoComplete,
     inputProps,
     errorMessage,
-    multiline,
-    required = false,
+    multiline
   } = props;
 
   const { label } = schema[name];
@@ -34,11 +31,6 @@ const InputFormItem = (props) => {
             multiline={multiline}
             rows={multiline && 4}
             onChange={(event) => {
-              const errors = FormErrors.validateStatus(
-                form,
-                name,
-                errorMessage,
-              );
               form.setFieldValue(name, event.target.value);
               form.setFieldTouched(name);
             }}

src/components/FormItems/items/RadioFormItem.js

@@ -9,7 +9,7 @@ import FormLabel from '@mui/material/FormLabel';
 import { FastField } from 'formik';
 
 const RadioFormItem = (props) => {
-  const { name, schema, hint, errorMessage, required = false } = props;
+  const { name, schema, hint, errorMessage } = props;
 
   const { label, options } = schema[name];
 

src/components/FormItems/items/SwitchFormItem.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import FormErrors from 'components/FormItems/formErrors';
 import { FastField } from 'formik';
@@ -8,7 +8,7 @@ import Checkbox from '@mui/material/Checkbox';
 import FormLabel from '@mui/material/FormLabel';
 
 const SwitchFormItem = (props) => {
-  const { name, schema, hint, size, inputProps, errorMessage, required } =
+  const { name, schema, hint, errorMessage } =
     props;
 
   const { label } = schema[name];

src/components/Header/Header.js

@@ -123,8 +123,8 @@ export default function Header(props) {
             alt={currentUser?.firstName}
             // eslint-disable-next-line no-mixed-operators
             src={
-              currentUser?.avatar?.length >= 1 &&
-              currentUser?.avatar[currentUser.avatar.length - 1].publicUrl
+              (currentUser?.avatar?.length >= 1 &&
+              currentUser?.avatar[currentUser.avatar.length - 1].publicUrl) || profile
             }
             classes={{ root: classes.headerIcon }}
           >

src/components/Layout/styles.js

@@ -15,7 +15,7 @@ export default makeStyles((theme) => ({
     paddingBottom: 70,
   },
   contentShift: {
-    width: `calc(100vw - ${240 + theme.spacing(6)}px)`,
+    width: `calc(100vw - (240px + ${theme.spacing(8)}))`,
     transition: theme.transitions.create(['width', 'margin'], {
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.enteringScreen,