Check for the view checkins permission before calling the server to get checkins.

Author: ocielliottc

web-ui/src/components/personnel/Personnel.jsx

@@ -7,7 +7,8 @@ import { UPDATE_CHECKINS } from '../../context/actions';
 import {
   selectCurrentUserId,
   selectMostRecentCheckin,
-  selectCsrfToken
+  selectCsrfToken,
+  selectCanViewCheckinsPermission,
 } from '../../context/selectors';
 import Card from '@mui/material/Card';
 import CardHeader from '@mui/material/CardHeader';
@@ -53,7 +54,7 @@ const Personnel = () => {
   // Get checkins per personnel
   useEffect(() => {
     async function updateCheckins() {
-      if (personnel) {
+      if (personnel && selectCanViewCheckinsPermission(state)) {
         for (const person of personnel) {
           let res = await getCheckinByMemberId(person.id, csrf);
           let data =

web-ui/src/context/AppContext.jsx

@@ -21,6 +21,9 @@ import {
   getAllMembers,
   getAllTerminatedMembers
 } from '../api/member';
+import {
+  selectCanViewCheckinsPermission,
+} from './selectors';
 import { getAllRoles, getAllUserRoles } from '../api/roles';
 import { getMemberSkills } from '../api/memberskill';
 import { BASE_API_URL } from '../api/api';
@@ -188,7 +191,7 @@ const AppContextProvider = props => {
         csrf
       ) {
         getAllCheckinsForAdmin(dispatch, csrf);
-      } else if (id && csrf) {
+      } else if (id && csrf && selectCanViewCheckinsPermission(state)) {
         getCheckins(id, pdlId, dispatch, csrf);
       }
     }

web-ui/src/context/selectors.js

@@ -186,6 +186,10 @@ export const selectHasSendEmailPermission = hasPermission(
   'CAN_SEND_EMAIL'
 );
 
+export const selectCanViewCheckinsPermission = hasPermission(
+  'CAN_VIEW_CHECKINS'
+);
+
 export const selectIsPDL = createSelector(
   selectUserProfile,
   userProfile =>

web-ui/src/pages/CheckinsPage.jsx

@@ -12,7 +12,8 @@ import {
   selectCsrfToken,
   selectCheckin,
   selectProfile,
-  selectCheckinsForMember
+  selectCheckinsForMember,
+  selectCanViewCheckinsPermission,
 } from '../context/selectors';
 import { getCheckins, createNewCheckin } from '../context/thunks';
 import { UPDATE_CHECKIN, UPDATE_TOAST } from '../context/actions';
@@ -72,7 +73,7 @@ const CheckinsPage = () => {
   const [tooltipIsOpen, setTooltipIsOpen] = useState(false);
 
   useEffect(() => {
-    if (selectedProfile) {
+    if (selectedProfile && selectCanViewCheckinsPermission(state)) {
       getCheckins(memberId, selectedProfile.pdlId, dispatch, csrf);
     }
   }, [memberId, selectedProfile, csrf, dispatch]);