Fix users

Author: Blari

package.json

@@ -42,6 +42,7 @@
     "lodash": "^4.17.21",
     "moment": "2.29.1",
     "mui-datatables": "^4.2.2",
+    "prop-types": "^15.8.1",
     "query-string": "7.1.0",
     "react": "^17.0.2",
     "react-apexcharts": "^1.4.0",

src/components/FormItems/items/InputFormItem.js

@@ -38,7 +38,7 @@ const InputFormItem = (props) => {
             placeholder={placeholder || undefined}
             autoFocus={autoFocus || undefined}
             autoComplete={autoComplete || undefined}
-            error={FormErrors.validateStatus(form, name, errorMessage)}
+            // error={FormErrors.validateStatus(form, name, errorMessage)}
             {...inputProps}
           />
           <div className='invalid-feedback'>

src/components/FormItems/items/RadioFormItem.js

@@ -33,6 +33,7 @@ const RadioFormItem = (props) => {
             >
               {options.map((option) => (
                 <FormControlLabel
+                  key={option.value}
                   value={option.value}
                   control={<Radio />}
                   label={option.label}

src/components/Layout/Layout.js

@@ -22,7 +22,6 @@ import ColorChangeThemePopper from './components/ColorChangeThemePopper';
 import EditUser from '../../pages/user/EditUser';
 import AddUser from '../../pages/CRUD/Users/form/UsersForm';
 
-
 // pages
 import Dashboard from '../../pages/dashboard';
 import Profile from '../../pages/profile'

src/pages/CRUD/Users/form/UsersForm.js

@@ -47,7 +47,7 @@ const UsersForm = (props) => {
   };
 
   const renderForm = () => (
-    <Widget title={<h4>{title()}</h4>} collapse close>
+    <Widget title={title()} collapse close>
       <Formik
         onSubmit={handleSubmit}
         initialValues={iniValues()}

src/pages/CRUD/Users/table/UsersTable.js

@@ -48,7 +48,8 @@ const UsersTable = () => {
   const dispatch = useDispatch();
   const history = useHistory();
   const classes = useStyles();
-  const [setWidth] = React.useState(window.innerWidth);
+  // eslint-disable-next-line no-unused-vars
+  const [width, setWidth] = React.useState(window.innerWidth);
 
   const [filters] = React.useState([
     { label: 'First Name', title: 'firstName' },
@@ -63,7 +64,7 @@ const UsersTable = () => {
   const [loading, setLoading] = React.useState(false);
   const [sortModel, setSortModel] = React.useState([]);
   const [selectionModel, setSelectionModel] = React.useState([]);
-
+  // eslint-disable-next-line no-unused-vars
   const count = useSelector((store) => store.users.list.count);
   const modalOpen = useSelector((store) => store.users.list.modalOpen);
   const rows = useSelector((store) => store.users.list.rows);
@@ -382,7 +383,6 @@ const UsersTable = () => {
             pageSize={5}
             pagination
             {...rowsState}
-            rowCount={count}
             paginationMode='server'
             components={{ NoRowsOverlay, LoadingOverlay: LinearProgress }}
             onPageChange={(page) => {
@@ -400,7 +400,7 @@ const UsersTable = () => {
             disableColumnMenu
             loading={loading}
             onRowClick={(e) => {
-              history.push(`/admin/users/${e.id}/edit`);
+              history.push(`/app/users/${e.id}/edit`);
             }}
             autoHeight
           />
@@ -422,7 +422,7 @@ const UsersTable = () => {
       </Widget>
 
       <Dialog
-        open={modalOpen}
+        open={modalOpen || false}
         title='Confirm delete'
         contentText='Are you sure you want to delete this item?'
         onClose={closeModal}