Code cleanup and only show the "Give Kudos" button when the CAN_CREATE_KUDOS permission is present.

Author: ocielliottc

web-ui/src/api/birthdayanniversary.js

@@ -11,7 +11,11 @@ export const getAnniversaries = async (months, cookie) => {
       url: `${anniversaryReportUrl}?month=${month}`,
       headers: { 'X-CSRF-Header': cookie, Accept: 'application/json' }
     });
-    results.push(...res.payload.data);
+    if (res.error) {
+      console.error(res.error);
+    } else {
+      results.push(...res.payload.data);
+    }
   }
   return results;
 };

web-ui/src/components/team-results/TeamsActions.jsx

@@ -34,7 +34,6 @@ const TeamsActions = ({ isOpen, onOpen }) => {
             if (data) {
               dispatch({ type: ADD_TEAM, payload: data });
             }
-            handleClose();
           }
         }}
         headerText="Add A New Team"

web-ui/src/context/selectors.js

@@ -162,6 +162,10 @@ export const selectHasAdministerKudosPermission = hasPermission(
   'CAN_ADMINISTER_KUDOS'
 );
 
+export const selectHasCreateKudosPermission = hasPermission(
+  'CAN_CREATE_KUDOS'
+);
+
 export const selectHasDeleteMembersPermission = hasPermission(
   'CAN_DELETE_ORGANIZATION_MEMBERS'
 );
@@ -190,6 +194,10 @@ export const selectCanViewCheckinsPermission = hasPermission(
   'CAN_VIEW_CHECKINS'
 );
 
+export const selectCanUpdateCheckinsPermission = hasPermission(
+  'CAN_UPDATE_CHECKINS'
+);
+
 export const selectIsPDL = createSelector(
   selectUserProfile,
   userProfile =>

web-ui/src/pages/CheckinsPage.jsx

@@ -14,6 +14,7 @@ import {
   selectProfile,
   selectCheckinsForMember,
   selectCanViewCheckinsPermission,
+  selectCanUpdateCheckinsPermission,
 } from '../context/selectors';
 import { getCheckins, createNewCheckin } from '../context/thunks';
 import { UPDATE_CHECKIN, UPDATE_TOAST } from '../context/actions';
@@ -99,7 +100,7 @@ const CheckinsPage = () => {
   const handleClose = () => setOpen(false);
 
   const completeCheckin = async () => {
-    if (csrf) {
+    if (csrf && selectCanUpdateCheckinsPermission(state)) {
       const res = await updateCheckin(
         { ...currentCheckin, pdlId: selectedProfile.pdlId, completed: true },
         csrf

web-ui/src/pages/KudosPage.jsx

@@ -3,7 +3,11 @@ import { styled } from "@mui/material/styles";
 import { Button, Tab, Typography } from "@mui/material";
 import { TabContext, TabList, TabPanel } from "@mui/lab";
 import { AppContext } from "../context/AppContext";
-import { selectCsrfToken, selectCurrentUser } from "../context/selectors";
+import {
+  selectCsrfToken,
+  selectCurrentUser,
+  selectHasCreateKudosPermission,
+} from "../context/selectors";
 import { getReceivedKudos, getSentKudos } from "../api/kudos";
 import { UPDATE_TOAST } from "../context/actions";
 import KudosCard from "../components/kudos_card/KudosCard";
@@ -116,14 +120,14 @@ const KudosPage = () => {
           open={kudosDialogOpen}
           onClose={() => setKudosDialogOpen(false)}
         />
-        <Button
+        {selectHasCreateKudosPermission(state) && <Button
           className="kudos-dialog-open"
           variant="outlined"
           startIcon={<StarIcon />}
           onClick={() => setKudosDialogOpen(true)}
         >
           Give Kudos
-        </Button>
+        </Button>}
       </div>
       <TabContext value={kudosTab}>
         <div className="kudos-tab-container">

web-ui/src/pages/SkillReportPage.jsx

@@ -59,12 +59,12 @@ const SkillReportPage = props => {
     let memberSkillsFound;
     if (res && res.payload) {
       memberSkillsFound =
-        res.payload.data.teamMembers && !res.error
+        !res.error && res.payload.data.teamMembers
           ? res.payload.data.teamMembers
           : undefined;
     }
     // Filter out skills of terminated members
-    memberSkillsFound = memberSkillsFound.filter(memberSkill =>
+    memberSkillsFound = memberSkillsFound?.filter(memberSkill =>
       memberIds.includes(memberSkill.id)
     );
     if (memberSkillsFound && memberIds) {

web-ui/src/pages/TeamSkillReportPage.jsx

@@ -77,7 +77,7 @@ const TeamSkillReportPage = () => {
     let memberSkillsFound;
     if (res && res.payload) {
       memberSkillsFound =
-        res.payload.data.teamMembers && !res.error
+        !res.error && res.payload.data.teamMembers
           ? res.payload.data.teamMembers
           : undefined;
     }

web-ui/src/pages/ViewFeedbackPage.jsx

@@ -234,18 +234,20 @@ const ViewFeedbackPage = () => {
       //and associated template info together
       const templateReqs = [];
       const templateIds = [];
-      for (let i = 0; i < feedbackRequests.length; i++) {
-        if (!templateIds.includes(feedbackRequests[i].templateId)) {
-          templateIds.push(feedbackRequests[i].templateId);
-          templateReqs.push(getTemplateInfo(feedbackRequests[i].templateId));
+      if (feedbackRequests) {
+        for (let i = 0; i < feedbackRequests.length; i++) {
+          if (!templateIds.includes(feedbackRequests[i].templateId)) {
+            templateIds.push(feedbackRequests[i].templateId);
+            templateReqs.push(getTemplateInfo(feedbackRequests[i].templateId));
+          }
         }
       }
       let templates = await Promise.all(templateReqs);
       templates = templates.reduce((map, template) => {
         map[template.id] = template;
         return map;
       }, {});
-      feedbackRequests.forEach(request => {
+      feedbackRequests?.forEach(request => {
         request.templateInfo = templates[request.templateId];
       });
       return feedbackRequests;