From 228a7b997f085a000eca78dd70595b7cc0a7fe08 Mon Sep 17 00:00:00 2001
From: Hintay <hintay@me.com>
Date: Tue, 11 Feb 2025 01:29:13 +0900
Subject: [PATCH] fix(otp): show new recovery codes after TOTP first binding

---
 app/src/views/preference/components/RecoveryCodes.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/src/views/preference/components/RecoveryCodes.vue b/app/src/views/preference/components/RecoveryCodes.vue
index 780abd84..29058e3c 100644
--- a/app/src/views/preference/components/RecoveryCodes.vue
+++ b/app/src/views/preference/components/RecoveryCodes.vue
@@ -17,7 +17,7 @@ const emit = defineEmits<{
 }>()
 
 const _codes = ref<RecoveryCode[]>()
-const codes = computed(() => props.recoveryCodes ?? _codes.value)
+const codes = computed(() => _codes.value ?? props.recoveryCodes)
 const newGenerated = ref(false)
 
 const codeSource = computed(() => codes.value?.map(code => code.code).join('\n'))
@@ -64,8 +64,8 @@ function handlePopOpenChange(visible: boolean) {
 
 <template>
   <div>
-    <h3>
-      {{ $gettext('Recovery Codes') }}
+    <h3 class="flex items-center gap-2">
+      <span>{{ $gettext('Recovery Codes') }}</span>
       <ATag v-if="recoveryCodes || twoFAStatus?.recovery_codes_viewed" :color="newGenerated || recoveryCodes ? 'success' : 'processing'">
         {{ newGenerated || recoveryCodes ? $gettext('First View') : $gettext('Viewed') }}
       </ATag>