improvements: address feedback

frontend/src/pages/admin/AccessManagementPage/components/AddServerAdminModal.tsx

@@ -89,11 +89,7 @@ const Content = ({ onClose }: ContentProps) => {
     <form onSubmit={handleSubmit(onSubmit)}>
       <Controller
         render={({ field, fieldState: { error } }) => (
-          <FormControl
-            isError={Boolean(error)}
-            errorText={error?.message}
-            label="Assign Organization Admins"
-          >
+          <FormControl isError={Boolean(error)} errorText={error?.message} label="User">
             <FilterableSelect
               isLoading={searchUserFilter !== debouncedSearchTerm || isFetching}
               className="w-full"
@@ -120,7 +116,7 @@ const Content = ({ onClose }: ContentProps) => {
           isDisabled={isSubmitting}
           colorSchema="secondary"
         >
-          Grant Server Admin
+          Grant
         </Button>
         <Button onClick={() => onClose()} variant="plain" colorSchema="secondary">
           Cancel
@@ -133,7 +129,11 @@ const Content = ({ onClose }: ContentProps) => {
 export const AddServerAdminModal = ({ isOpen, onOpenChange }: Props) => {
   return (
     <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent bodyClassName="overflow-visible" title="Grant Server Admin">
+      <ModalContent
+        bodyClassName="overflow-visible"
+        title="Grant Server Admin"
+        subTitle="Grant server admin status to a user"
+      >
         <Content onClose={() => onOpenChange(false)} />
       </ModalContent>
     </Modal>

frontend/src/pages/admin/AccessManagementPage/components/ServerAdminsTable.tsx

@@ -424,14 +424,14 @@ export const ServerAdminsTable = () => {
         />
         <DeleteActionModal
           isOpen={popUp.removeUsers.isOpen}
-          title="Are you sure you want to remove the following users?"
+          title="Are you sure you want to delete the following users?"
           onChange={(isOpen) => handlePopUpToggle("removeUsers", isOpen)}
           deleteKey="confirm"
           onDeleteApproved={() => handleRemoveUsers()}
           buttonText="Remove"
         >
           <div className="mt-4 text-sm text-mineshaft-400">
-            The following members will be removed:
+            The following users will be deleted:
           </div>
           <div className="mt-2 max-h-[20rem] overflow-y-auto rounded border border-mineshaft-600 bg-red/10 p-4 pl-8 text-sm text-red-200">
             <ul className="list-disc">
@@ -458,7 +458,7 @@ export const ServerAdminsTable = () => {
                               className="ml-1 mt-[0.05rem] inline-flex w-min items-center gap-1.5 whitespace-nowrap"
                             >
                               <FontAwesomeIcon icon={faWarning} />
-                              <span>Removing Yourself</span>
+                              <span>Deleting Yourself</span>
                             </Badge>
                           </div>
                         </Tooltip>

frontend/src/pages/admin/ResourceOverviewPage/components/OrganizationsTable.tsx

@@ -5,6 +5,7 @@ import {
   faBuilding,
   faCircleQuestion,
   faEllipsisV,
+  faEnvelope,
   faEye,
   faMagnifyingGlass,
   faPlus,
@@ -52,6 +53,7 @@ import {
 } from "@app/hooks/api";
 import { OrganizationWithProjects } from "@app/hooks/api/admin/types";
 import { OrderByDirection } from "@app/hooks/api/generic/types";
+import { OrgMembershipStatus } from "@app/hooks/api/organization/types";
 import { UsePopUpState } from "@app/hooks/usePopUp";
 import { AddOrganizationModal } from "@app/pages/admin/ResourceOverviewPage/components/AddOrganizationModal";
 
@@ -120,7 +122,7 @@ const ViewMembersModalContent = ({
           switch (orderBy) {
             case MembersOrderBy.Email:
               valueOne = memberOne.user.email || memberOne.user.username;
-              valueTwo = memberTwo.user.email || memberOne.user.username;
+              valueTwo = memberTwo.user.email || memberTwo.user.username;
               break;
             case MembersOrderBy.Name:
             default:
@@ -255,23 +257,26 @@ const ViewMembersModalContent = ({
                   <Td className="max-w-0">
                     <div className="flex items-center">
                       <p className="truncate">{username || email}</p>
-                      {role === OrgMembershipRole.Admin && status !== "accepted" && (
-                        <Button
-                          isDisabled={resendOrgInvite.isPending}
-                          className="ml-2 h-8 border-mineshaft-600 bg-mineshaft-800/50 font-normal"
-                          colorSchema="primary"
-                          variant="outline_bg"
-                          isLoading={
-                            resendOrgInvite.isPending && resendInviteId === member.membershipId
-                          }
-                          onClick={(e) => {
-                            onResendInvite(member.membershipId);
-                            e.stopPropagation();
-                          }}
-                        >
-                          Resend Invite
-                        </Button>
-                      )}
+                      {role === OrgMembershipRole.Admin &&
+                        status !== OrgMembershipStatus.Accepted && (
+                          <Button
+                            isDisabled={resendOrgInvite.isPending}
+                            className="ml-2 h-7 border-mineshaft-600 bg-mineshaft-800/50 font-normal"
+                            colorSchema="primary"
+                            variant="outline_bg"
+                            size="xs"
+                            isLoading={
+                              resendOrgInvite.isPending && resendInviteId === member.membershipId
+                            }
+                            leftIcon={<FontAwesomeIcon icon={faEnvelope} />}
+                            onClick={(e) => {
+                              onResendInvite(member.membershipId);
+                              e.stopPropagation();
+                            }}
+                          >
+                            Resend Invite
+                          </Button>
+                        )}
                     </div>
                   </Td>
                   <Td>
@@ -485,9 +490,9 @@ const OrganizationsPanelTable = ({
                             {!org.members.some(
                               (member) =>
                                 member.role === OrgMembershipRole.Admin &&
-                                member.status === "accepted"
+                                member.status === OrgMembershipStatus.Accepted
                             ) && (
-                              <Tooltip content="No admins have accepted their invites.">
+                              <Tooltip content="No admins have accepted their invitations.">
                                 <div className="ml-1">
                                   <Badge>
                                     <FontAwesomeIcon icon={faWarning} />

frontend/src/pages/admin/ResourceOverviewPage/components/UserIdentitiesTable.tsx

@@ -521,14 +521,14 @@ export const UserIdentitiesTable = () => {
         />
         <DeleteActionModal
           isOpen={popUp.removeUsers.isOpen}
-          title="Are you sure you want to remove the following users?"
+          title="Are you sure you want to delete the following users?"
           onChange={(isOpen) => handlePopUpToggle("removeUsers", isOpen)}
           deleteKey="confirm"
           onDeleteApproved={() => handleRemoveUsers()}
-          buttonText="Remove"
+          buttonText="Delete"
         >
           <div className="mt-4 text-sm text-mineshaft-400">
-            The following members will be removed:
+            The following users will be deleted:
           </div>
           <div className="mt-2 max-h-[20rem] overflow-y-auto rounded border border-mineshaft-600 bg-red/10 p-4 pl-8 text-sm text-red-200">
             <ul className="list-disc">
@@ -555,7 +555,7 @@ export const UserIdentitiesTable = () => {
                               className="ml-1 mt-[0.05rem] inline-flex w-min items-center gap-1.5 whitespace-nowrap"
                             >
                               <FontAwesomeIcon icon={faWarning} />
-                              <span>Removing Yourself</span>
+                              <span>Deleting Yourself</span>
                             </Badge>
                           </div>
                         </Tooltip>