feat: reptile feedback

frontend/src/pages/organization/AccessManagementPage/components/OrgIdentityTab/components/IdentitySection/IdentityTable.tsx

@@ -52,7 +52,12 @@ import {
   setUserTablePreference
 } from "@app/helpers/userTablePreferences";
 import { usePagination, useResetPageHelper } from "@app/hooks";
-import { useGetOrgRoles, useSearchIdentities, useUpdateIdentity } from "@app/hooks/api";
+import {
+  identityAuthToNameMap,
+  useGetOrgRoles,
+  useSearchIdentities,
+  useUpdateIdentity
+} from "@app/hooks/api";
 import { OrderByDirection } from "@app/hooks/api/generic/types";
 import { OrgIdentityOrderBy } from "@app/hooks/api/organization/types";
 import { UsePopUpState } from "@app/hooks/usePopUp";
@@ -308,7 +313,11 @@ export const IdentityTable = ({ handlePopUpOpen }: Props) => {
                           <Tooltip
                             className="min-w-52 max-w-96"
                             content={
-                              <LastLoginSection lastLoggedInAuthMethod={lastLoggedInAuthMethod} />
+                              <LastLoginSection
+                                lastLoggedInAuthMethod={
+                                  identityAuthToNameMap[lastLoggedInAuthMethod]
+                                }
+                              />
                             }
                           >
                             <FontAwesomeIcon

frontend/src/pages/organization/IdentityDetailsByIDPage/components/IdentityDetailsSection.tsx

@@ -22,7 +22,7 @@ import {
 } from "@app/components/v2";
 import { OrgPermissionIdentityActions, OrgPermissionSubjects } from "@app/context";
 import { useTimedReset } from "@app/hooks";
-import { useGetIdentityById } from "@app/hooks/api";
+import { identityAuthToNameMap, useGetIdentityById } from "@app/hooks/api";
 import { UsePopUpState } from "@app/hooks/usePopUp";
 
 type Props = {
@@ -140,7 +140,9 @@ export const IdentityDetailsSection = ({ identityId, handlePopUpOpen }: Props) =
         </div>
         <div className="mb-4">
           <p className="text-sm font-semibold text-mineshaft-300">Last Login Auth Method</p>
-          <p className="text-sm text-mineshaft-300">{data.lastLoggedInAuthMethod || "-"}</p>
+          <p className="text-sm text-mineshaft-300">
+            {data.lastLoggedInAuthMethod ? identityAuthToNameMap[data.lastLoggedInAuthMethod] : "-"}
+          </p>
         </div>
         <div className="mb-4">
           <p className="text-sm font-semibold text-mineshaft-300">Delete Protection</p>