fix: use prefered name in FAP panels

Author: TCMeldrum

apps/frontend/src/components/fap/Members/FapMembers.tsx

@@ -28,7 +28,7 @@ import { UserContext } from 'context/UserContextProvider';
 import { BasicUserDetails, UserRole, Fap } from 'generated/sdk';
 import { useCheckAccess } from 'hooks/common/useCheckAccess';
 import { useRenewToken } from 'hooks/common/useRenewToken';
-import { useFapReviewersData } from 'hooks/fap/useFapReviewersData';
+import { FapMember, useFapReviewersData } from 'hooks/fap/useFapReviewersData';
 import { tableIcons } from 'utils/materialIcons';
 import useDataApiWithFeedback from 'utils/useDataApiWithFeedback';
 import { getFullUserName } from 'utils/user';
@@ -43,7 +43,13 @@ type FapMembersProps = {
 };
 
 const columns = [
-  { title: 'Name', field: 'user.firstname' },
+  {
+    title: 'Name',
+    render: (rowData: FapMember) =>
+      rowData.user.preferredname
+        ? rowData.user.preferredname
+        : rowData.user.firstname,
+  },
   {
     title: 'Surname',
     field: 'user.lastname',

apps/frontend/src/components/fap/Proposals/AssignFapMemberToProposalModal.tsx

@@ -27,7 +27,11 @@ type AssignFapMemberToProposalModalProps = {
 const memberRole = (member: FapAssignedMember) => `${member.role?.title}`;
 
 const columns = [
-  { title: 'Name', field: 'firstname' },
+  {
+    title: 'Name',
+    render: (rowData: FapAssignedMember) =>
+      rowData.preferredname ? rowData.preferredname : rowData.firstname,
+  },
   { title: 'Surname', field: 'lastname' },
   { title: 'Proposal Count', field: 'proposalsCountByCall' },
   {

apps/frontend/src/components/fap/Proposals/FapAssignedReviewersTable.tsx

@@ -106,7 +106,12 @@ const FapAssignedReviewersTable = ({
   const assignmentColumns = [
     {
       title: 'First name',
-      field: 'user.firstname',
+      render: (rowData: FapProposalAssignmentType) =>
+        rowData.user
+          ? rowData.user.preferredname
+            ? rowData.user.preferredname
+            : rowData.user.firstname
+          : '-',
     },
     {
       title: 'Last name',

apps/frontend/src/components/fap/Proposals/MultiRankAssignmentDialog.tsx

@@ -94,7 +94,7 @@ export const MultiRankAssignmentDialog = ({
                   }}
                 >
                   <TableCell component="th" scope="row">
-                    {row.firstname}
+                    {row.preferredname ? row.preferredname : row.firstname}
                   </TableCell>
                   <TableCell align="left">{row.lastname}</TableCell>
                   <TableCell align="right">

apps/frontend/src/components/user/PeopleTable.tsx

@@ -325,6 +325,7 @@ const PeopleTable = ({
           ...(selectedItems.map((selectedItem) => ({
             id: selectedItem.id,
             firstname: selectedItem.firstname,
+            preferredname: selectedItem.preferredname,
             lastname: selectedItem.lastname,
             institution: selectedItem.institution,
             institutionId: selectedItem.institutionId,
@@ -346,6 +347,7 @@ const PeopleTable = ({
             {
               id: selectedItem.id,
               firstname: selectedItem.firstname,
+              preferredname: selectedItem.preferredname,
               lastname: selectedItem.lastname,
               institution: selectedItem.institution,
               institutionId: selectedItem.institutionId,