Fix MSW

Author: modularcoder

package.json

@@ -103,4 +103,4 @@
   "msw": {
     "workerDirectory": "public"
   }
-}
+}

src/Administration/Users/UsersList/UsersList.tsx

@@ -74,13 +74,13 @@ type UsersData = {
   count: number
 }
 
-const UsersList: React.FC<UsersListProps> = ({ match }) => {
-  const [status, setStatus] = React.useState('idle')
-  const [statusMessage, setStatusMessage] = React.useState('')
-  const [page, setPage] = React.useState(0)
+const UsersList: React.FC<UsersListProps> = () => {
+  const [status, setStatus] = useState('idle')
+  const [statusMessage, setStatusMessage] = useState('')
+  const [page, setPage] = useState(0)
   const [usersData, setUsersData] = useState<UsersData>({ users: [], count: 0 })
-  const [rowsPerPage, setRowsPerPage] = React.useState(10)
-  const [order, setOrder] = React.useState({
+  const [rowsPerPage, setRowsPerPage] = useState(10)
+  const [order, setOrder] = useState({
     order: 'desc',
     orderBy: 'createdAt',
   })
@@ -159,7 +159,7 @@ const UsersList: React.FC<UsersListProps> = ({ match }) => {
                           <TableSortLabel
                             active={order.orderBy === column.id}
                             direction={order.orderBy === column.id ? 'desc' : 'asc'}
-                            onClick={(event) => handelChangeOrder(event, column.id)}
+                            onClick={(event: any) => handelChangeOrder(event, column.id)}
                           >
                             {column.label}
                           </TableSortLabel>

src/_api/_mocks/usersMocks.ts

@@ -12,9 +12,9 @@ const userMocks = [
   }),
 
   rest.get(`${apiUrl}/users`, async (req, res, ctx) => {
-    let limit = parseInt(req.params.limit || '0')
-    let offset = parseInt(req.params.offset || '10')
-    let order = JSON.parse(req.params.order || '{}')
+    let limit = parseInt(req.params.limit || '10')
+    let offset = parseInt(req.params.offset || '0')
+    let order = req.params.order ? JSON.parse(req.params.order || '{}') : null
 
     const usersAll = order
       ? _.orderBy(usersData.list, [order.orderBy], [order.order])

src/_common/AppSidebar/AppSidebar.tsx

@@ -5,7 +5,7 @@ import { Link } from 'react-router-dom'
 import Typography from '@material-ui/core/Typography'
 
 import BaseLogo from '_common/BaseLogo'
-import SidebarNav from './SidebarNav'
+// import SidebarNav from './SidebarNav'
 import SidebarNavRecursive from './SidebarNavRecursive'
 
 export type AppSidebarProps = {