refactor(account): use toast instead of redirect page for passkey deletion

Changed the passkey deletion behavior in account center:
- After deleting a passkey, show a toast message instead of redirecting to a success page
- This improves UX by keeping users on the passkey management page
- Removed the unused passkeyDeletedRoute and related code

Author: wangsijie

packages/account/src/App.tsx

@@ -31,7 +31,6 @@ import {
   passkeyAddRoute,
   passkeyManageRoute,
   passkeySuccessRoute,
-  passkeyDeletedRoute,
 } from './constants/routes';
 import initI18n from './i18n/init';
 import BackupCodeBinding from './pages/BackupCodeBinding';
@@ -106,10 +105,6 @@ const Main = () => {
         element={<UpdateSuccess identifierType="backup_code" />}
       />
       <Route path={passkeySuccessRoute} element={<UpdateSuccess identifierType="passkey" />} />
-      <Route
-        path={passkeyDeletedRoute}
-        element={<UpdateSuccess identifierType="passkey_deleted" />}
-      />
       <Route path={emailRoute} element={<Email />} />
       <Route path={phoneRoute} element={<Phone />} />
       <Route path={passwordRoute} element={<Password />} />

packages/account/src/constants/routes.ts

@@ -14,4 +14,3 @@ export const backupCodesSuccessRoute = '/backup-codes/success';
 export const passkeyAddRoute = '/passkey/add';
 export const passkeyManageRoute = '/passkey/manage';
 export const passkeySuccessRoute = '/passkey/success';
-export const passkeyDeletedRoute = '/passkey/deleted';

packages/account/src/pages/PasskeyView/index.tsx

@@ -17,7 +17,7 @@ import { getMfaVerifications, deleteMfaVerification, updateWebAuthnName } from '
 import ConfirmModal from '@ac/components/ConfirmModal';
 import ErrorPage from '@ac/components/ErrorPage';
 import VerificationMethodList from '@ac/components/VerificationMethodList';
-import { passkeyDeletedRoute, passkeyAddRoute } from '@ac/constants/routes';
+import { passkeyAddRoute } from '@ac/constants/routes';
 import useApi from '@ac/hooks/use-api';
 import useErrorHandler from '@ac/hooks/use-error-handler';
 import SecondaryPageLayout from '@ac/layouts/SecondaryPageLayout';
@@ -102,12 +102,12 @@ const PasskeyView = () => {
       return;
     }
 
+    setPasskeys((previous) => previous?.filter((passkey) => passkey.id !== selectedPasskey.id));
     setShowDeleteConfirm(false);
-    void navigate(passkeyDeletedRoute, { replace: true });
+    setToast(t('account_center.passkey.deleted'));
   }, [
     deletePasskeyRequest,
     handleError,
-    navigate,
     selectedPasskey,
     setToast,
     setVerificationId,

packages/account/src/pages/UpdateSuccess/index.tsx

@@ -11,8 +11,8 @@ type IdentifierType =
   | 'password'
   | 'totp'
   | 'backup_code'
-  | 'passkey'
-  | 'passkey_deleted';
+  | 'backup_code_deleted'
+  | 'passkey';
 
 type TranslationMap = Partial<
   Record<IdentifierType, { readonly titleKey: TFuncKey; readonly messageKey: TFuncKey }>
@@ -49,10 +49,6 @@ const translationMap: TranslationMap = {
     titleKey: 'account_center.update_success.passkey.title',
     messageKey: 'account_center.update_success.passkey.description',
   },
-  passkey_deleted: {
-    titleKey: 'account_center.update_success.passkey_deleted.title',
-    messageKey: 'account_center.update_success.passkey_deleted.description',
-  },
   default: {
     titleKey: 'account_center.update_success.default.title',
     messageKey: 'account_center.update_success.default.description',

packages/phrases-experience/src/locales/ar/account-center.ts

@@ -141,10 +141,6 @@ const account_center = {
       title: 'تمت إضافة مفتاح المرور!',
       description: 'تم ربط مفتاح المرور بحسابك بنجاح.',
     },
-    passkey_deleted: {
-      title: 'تم حذف مفتاح المرور!',
-      description: 'تم حذف مفتاح المرور من حسابك.',
-    },
   },
   backup_code: {
     title: 'رموز النسخ الاحتياطي',
@@ -161,6 +157,7 @@ const account_center = {
     never_used: 'أبدًا',
     unnamed: 'مفتاح مرور بدون اسم',
     renamed: 'تم تغيير اسم مفتاح المرور بنجاح.',
+    deleted: 'تم حذف مفتاح المرور بنجاح.',
     add_another_title: 'إضافة مفتاح مرور آخر',
     add_another_description:
       'قم بتسجيل مفتاح المرور الخاص بك باستخدام المقاييس الحيوية للجهاز أو مفاتيح الأمان (مثل YubiKey) أو الطرق الأخرى المتاحة.',

packages/phrases-experience/src/locales/de/account-center.ts

@@ -155,10 +155,6 @@ const account_center = {
       title: 'Passkey hinzugefügt!',
       description: 'Ihr Passkey wurde erfolgreich mit Ihrem Konto verknüpft.',
     },
-    passkey_deleted: {
-      title: 'Passkey entfernt!',
-      description: 'Ihr Passkey wurde von Ihrem Konto entfernt.',
-    },
     social: {
       title: 'Soziales Konto verknüpft!',
       description: 'Ihr soziales Konto wurde erfolgreich verknüpft.',
@@ -179,6 +175,7 @@ const account_center = {
     never_used: 'Nie',
     unnamed: 'Unbenannter Passkey',
     renamed: 'Passkey erfolgreich umbenannt.',
+    deleted: 'Passkey erfolgreich entfernt.',
     add_another_title: 'Weiteren Passkey hinzufügen',
     add_another_description:
       'Registrieren Sie Ihren Passkey mit Geräte-Biometrie, Sicherheitsschlüsseln (z.B. YubiKey) oder anderen verfügbaren Methoden.',

packages/phrases-experience/src/locales/en/account-center.ts

@@ -144,10 +144,6 @@ const account_center = {
       title: 'Passkey added!',
       description: 'Your passkey has been successfully linked to your account.',
     },
-    passkey_deleted: {
-      title: 'Passkey removed!',
-      description: 'Your passkey has been removed from your account.',
-    },
     social: {
       title: 'Social account linked!',
       description: 'Your social account has been successfully linked.',
@@ -168,6 +164,7 @@ const account_center = {
     never_used: 'Never',
     unnamed: 'Unnamed passkey',
     renamed: 'Passkey renamed successfully.',
+    deleted: 'Passkey removed successfully.',
     add_another_title: 'Add another passkey',
     add_another_description:
       'Register your passkey using device biometrics, security keys (e.g., YubiKey), or other available methods.',

packages/phrases-experience/src/locales/es/account-center.ts

@@ -150,10 +150,6 @@ const account_center = {
       title: '¡Passkey añadido!',
       description: 'Tu passkey se ha vinculado correctamente a tu cuenta.',
     },
-    passkey_deleted: {
-      title: '¡Passkey eliminado!',
-      description: 'Tu passkey ha sido eliminado de tu cuenta.',
-    },
     social: {
       title: '¡Cuenta social vinculada!',
       description: 'Tu cuenta social ha sido vinculada exitosamente.',
@@ -174,6 +170,7 @@ const account_center = {
     never_used: 'Nunca',
     unnamed: 'Passkey sin nombre',
     renamed: 'Passkey renombrado correctamente.',
+    deleted: 'Passkey eliminado correctamente.',
     add_another_title: 'Añadir otro passkey',
     add_another_description:
       'Registra tu passkey usando biometría del dispositivo, llaves de seguridad (ej. YubiKey) u otros métodos disponibles.',

packages/phrases-experience/src/locales/fr/account-center.ts

@@ -154,10 +154,6 @@ const account_center = {
       title: 'Passkey ajouté !',
       description: 'Votre passkey a été lié avec succès à votre compte.',
     },
-    passkey_deleted: {
-      title: 'Passkey supprimé !',
-      description: 'Votre passkey a été supprimé de votre compte.',
-    },
   },
   backup_code: {
     title: 'Codes de secours',
@@ -174,6 +170,7 @@ const account_center = {
     never_used: 'Jamais',
     unnamed: 'Passkey sans nom',
     renamed: 'Passkey renommé avec succès.',
+    deleted: 'Passkey supprimé avec succès.',
     add_another_title: 'Ajouter un autre passkey',
     add_another_description:
       "Enregistrez votre passkey à l'aide de la biométrie de l'appareil, des clés de sécurité (ex. YubiKey) ou d'autres méthodes disponibles.",

packages/phrases-experience/src/locales/it/account-center.ts

@@ -152,10 +152,6 @@ const account_center = {
       title: 'Passkey aggiunto!',
       description: 'Il tuo passkey è stato collegato con successo al tuo account.',
     },
-    passkey_deleted: {
-      title: 'Passkey rimosso!',
-      description: 'Il tuo passkey è stato rimosso dal tuo account.',
-    },
   },
   backup_code: {
     title: 'Codici di backup',
@@ -172,6 +168,7 @@ const account_center = {
     never_used: 'Mai',
     unnamed: 'Passkey senza nome',
     renamed: 'Passkey rinominato con successo.',
+    deleted: 'Passkey rimosso con successo.',
     add_another_title: 'Aggiungi un altro passkey',
     add_another_description:
       'Registra il tuo passkey utilizzando la biometria del dispositivo, le chiavi di sicurezza (es. YubiKey) o altri metodi disponibili.',