feat: reptile feedback

frontend/src/components/organization/LastLoginSection/LastLoginSection.tsx

@@ -1,4 +1,4 @@
-import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
+import { faShield } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 type Props = {
@@ -6,13 +6,13 @@ type Props = {
 };
 
 export const LastLoginSection = ({ lastLoggedInAuthMethod }: Props) => (
-  <div className="">
+  <div>
     <div className="mb-2 flex items-center gap-2 border-b border-mineshaft-600 pb-1">
       <div className="font-medium">Last Login Details</div>
     </div>
     <div className="flex items-center gap-2 text-sm">
       <div className="rounded bg-mineshaft-700 p-1 px-2">
-        <FontAwesomeIcon icon={faEnvelope} />
+        <FontAwesomeIcon icon={faShield} />
       </div>
       <div className="flex flex-col">
         <div className="text-sm font-medium">Authentication Method</div>

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>