feat: rows per pages config

Author: Blue-B-code

src/actions.js

@@ -215,6 +215,7 @@ export function fetchUser(mm, userId, clientMutationId) {
               id
               phone
               languageId
+              defaultRowsPerPage
               lastName
               otherNames
               roles { id name isSystem}

src/components/UserMasterPanel.js

@@ -11,10 +11,12 @@ import {
   withModulesManager,
   useTranslations,
   TextInput,
+  SelectInput,
   PublishedComponent,
   ValidatedTextInput,
   passwordGenerator,
   validatePassword,
+  ROWS_PER_PAGE_OPTIONS,
 } from "@openimis/fe-core";
 import { CLAIM_ADMIN_USER_TYPE, ENROLMENT_OFFICER_USER_TYPE, EMAIL_REGEX_PATTERN, DEFAULT, RIGHT_HEALTHFACILITIES } from "../constants";
 import {
@@ -295,7 +297,7 @@ const UserMasterPanel = (props) => {
       </Grid>
 
       <Grid item xs={12} className={classes.sectionHeader}>
-        <Typography className={classes.sectionTitle}>{formatMessage("UserMasterPanel.loginDetailsTitle")}</Typography>
+        <Typography className={classes.sectionTitle}>{formatMessage("UserMasterPanel.preferencesTitle")}</Typography>
         <Divider variant="fullWidth" />
       </Grid>
       <Grid item xs={4} className={classes.item}>
@@ -311,6 +313,22 @@ const UserMasterPanel = (props) => {
           onChange={(language) => onEditedChanged({ ...edited, language })}
         />
       </Grid>
+      <Grid item xs={4} className={classes.item}>
+        <SelectInput
+          module="admin"
+          label="user.defaultRowsPerPage"
+          readOnly={readOnly}
+          required
+          options={ROWS_PER_PAGE_OPTIONS.map((option) => ({ value: option, label: option }))}
+          value={edited?.defaultRowsPerPage ?? ""}
+          onChange={(defaultRowsPerPage) => onEditedChanged({ ...edited, defaultRowsPerPage })}
+        />
+      </Grid>
+
+      <Grid item xs={12} className={classes.sectionHeader}>
+        <Typography className={classes.sectionTitle}>{formatMessage("UserMasterPanel.loginDetailsTitle")}</Typography>
+        <Divider variant="fullWidth" />
+      </Grid>
       <Grid item xs={4} className={classes.item}>
         <TextInput
           module="admin"

src/translations/en.json

@@ -41,6 +41,7 @@
   "admin.user.lastName": "Last name",
   "admin.user.openNewTab.buttonText": "Open",
   "admin.user.language": "Interface Language",
+  "admin.user.defaultRowsPerPage": "Default rows per page",
   "admin.user.openNewTab": "Open in new tab",
   "admin.user.otherNames": "Other names",
   "admin.user.givenNames": "Given names",
@@ -77,6 +78,7 @@
   "admin.UserPicker.clearText": "Clear",
   "admin.UserPicker.openText": "Open",
   "admin.UserPicker.closeText": "Close",
+  "admin.UserMasterPanel.preferencesTitle": "User Preferences",
   "admin.UserMasterPanel.loginDetailsTitle": "Login Details",
   "admin.UserMasterPanel.language.null": "Select a language",
   "admin.EnrolmentOfficerPicker.label": "Select an Officer",

src/utils.js

@@ -46,6 +46,7 @@ export const mapQueriesUserToStore = (u) => {
     u.phoneNumber = u.iUser.phone;
     u.healthFacility = u.iUser.healthFacility;
     u.language = u.iUser.languageId;
+    u.defaultRowsPerPage = u.iUser.defaultRowsPerPage;
     u.roles = u.iUser.roles;
     u.districts = u.iUser.districts.map((d) => d.location);
   }
@@ -89,6 +90,7 @@ export const mapUserValuesToInput = (values) => {
     districts: values.districts.map((d) => decodeId(d.id)),
     locationId: values.location ? decodeId(values.location.id) : null,
     language: values.language,
+    defaultRowsPerPage: values.defaultRowsPerPage ? parseInt(values.defaultRowsPerPage, 10) : null,
     roles: values.roles.map((r) => decodeId(r.id)),
     birthDate: values.birthDate,
     address: values.address,