fix(admin-ui): limit user to fetch

Author: mjatin-dev

admin-ui/app/redux/api/UserApi.js

@@ -3,9 +3,9 @@ export default class UserApi {
     this.api = api
   }
 
-  getUsers = () => {
+  getUsers = (opts) => {
     return new Promise((resolve, reject) => {
-      this.api.getUser({}, (error, data) => {
+      this.api.getUser(opts, (error, data) => {
         this.handleResponse(error, reject, resolve, data)
       })
     })

admin-ui/app/redux/sagas/UserSaga.js

@@ -28,7 +28,7 @@ export function* getUsersSaga({ payload }) {
   try {
     addAdditionalData(audit, FETCH, API_USERS, payload)
     const userApi = yield* newFunction()
-    const data = yield call(userApi.getUsers)
+    const data = yield call(userApi.getUsers, payload.action)
     yield put(updateUserResponse(data))
     yield put(UMupdateUserLoading(false))
     yield call(postUserAction, audit)

admin-ui/app/routes/Dashboards/DashboardPage.js

@@ -256,7 +256,14 @@ const useStyles = makeStyles(() => ({
   },
 }))
 
-function DashboardPage({ statData, permissions, clients, loading, dispatch }) {
+function DashboardPage({
+  statData,
+  permissions,
+  clients,
+  loading,
+  users,
+  dispatch,
+}) {
   const { t } = useTranslation()
   const [startDate, setStartDate] = useState(subMonths(new Date(), 3))
   const [endDate, setEndDate] = useState(new Date())
@@ -280,8 +287,16 @@ function DashboardPage({ statData, permissions, clients, loading, dispatch }) {
   }, [isMobile])
 
   useEffect(() => {
-    dispatch(getUsers())
+    let userOptions = {
+      limit: 3,
+    }
+    setTimeout(() => {
+      dispatch(getUsers(userOptions))
+    }, 1000)
   }, [])
+  useEffect(() => {
+    console.log('abcd', users)
+  }, [users])
 
   useEffect(() => {
     let count = 0
@@ -659,6 +674,7 @@ const mapStateToProps = (state) => {
     loading: state.mauReducer.loading,
     clients: state.initReducer.clients,
     permissions: state.authReducer.permissions,
+    users: state.userReducer.items,
   }
 }