chore: updated i18n translation, minor ux improvements

packages/hoppscotch-common/src/components.d.ts

@@ -98,10 +98,16 @@ declare module '@vue/runtime-core' {
     HttpTestResultReport: typeof import('./components/http/TestResultReport.vue')['default']
     HttpTests: typeof import('./components/http/Tests.vue')['default']
     HttpURLEncodedParams: typeof import('./components/http/URLEncodedParams.vue')['default']
+    IconLucideArrowLeft: typeof import('~icons/lucide/arrow-left')['default']
+    IconLucideCheckCircle: typeof import('~icons/lucide/check-circle')['default']
     IconLucideChevronRight: typeof import('~icons/lucide/chevron-right')['default']
+    IconLucideGlobe: typeof import('~icons/lucide/globe')['default']
+    IconLucideHelpCircle: typeof import('~icons/lucide/help-circle')['default']
     IconLucideInbox: typeof import('~icons/lucide/inbox')['default']
     IconLucideInfo: typeof import('~icons/lucide/info')['default']
+    IconLucideLayers: typeof import('~icons/lucide/layers')['default']
     IconLucideLoader: typeof import('~icons/lucide/loader')['default']
+    IconLucideMinus: typeof import('~icons/lucide/minus')['default']
     IconLucideSearch: typeof import('~icons/lucide/search')['default']
     IconLucideUser: typeof import('~icons/lucide/user')['default']
     IconLucideUsers: typeof import('~icons/lucide/users')['default']
@@ -118,6 +124,7 @@ declare module '@vue/runtime-core' {
     ProfilePicture: typeof import('./components/profile/Picture.vue')['default']
     ProfileShortcode: typeof import('./components/profile/Shortcode.vue')['default']
     ProfileShortcodes: typeof import('./components/profile/Shortcodes.vue')['default']
+    ProfileUserDelete: typeof import('./components/profile/UserDelete.vue')['default']
     RealtimeCommunication: typeof import('./components/realtime/Communication.vue')['default']
     RealtimeConnectionConfig: typeof import('./components/realtime/ConnectionConfig.vue')['default']
     RealtimeLog: typeof import('./components/realtime/Log.vue')['default']

packages/hoppscotch-common/src/components/profile/UserDelete.vue

@@ -3,10 +3,9 @@
     <h4 class="font-semibold text-secondaryDark">
       {{ t("settings.delete_account") }}
     </h4>
-    <div class="my-1 text-secondaryLight mb-4">
+    <div class="my-1 mb-4 text-secondaryLight">
       {{ t("settings.delete_account_description") }}
     </div>
-
     <ButtonSecondary
       filled
       outline
@@ -14,7 +13,6 @@
       type="submit"
       @click="showDeleteAccountModal = true"
     />
-
     <SmartModal
       v-if="showDeleteAccountModal"
       dialog
@@ -26,10 +24,9 @@
           <SmartSpinner class="mb-4" />
           <span class="text-secondaryLight">{{ t("state.loading") }}</span>
         </div>
-
         <div
           v-else-if="myTeams.length"
-          class="flex flex-col p-4 space-y-2 border border-red-500 border-dashed rounded-lg text-secondaryDark bg-error"
+          class="flex flex-col p-4 space-y-2 border border-red-500 rounded-lg text-secondaryDark bg-error"
         >
           <h2 class="font-bold text-red-500">
             {{ t("error.danger_zone") }}
@@ -48,7 +45,7 @@
         </div>
         <div v-else>
           <div
-            class="flex flex-col p-4 mb-4 space-y-2 border border-red-500 border-dashed rounded-lg text-secondaryDark bg-error"
+            class="flex flex-col p-4 mb-4 space-y-2 border border-red-500 rounded-lg text-secondaryDark bg-error"
           >
             <h2 class="font-bold text-red-500">
               {{ t("error.danger_zone") }}

packages/hoppscotch-common/src/pages/profile.vue

@@ -205,7 +205,6 @@
           </SmartTabs>
         </div>
       </div>
-      <FirebaseLogin :show="showLogin" @hide-modal="showLogin = false" />
     </div>
   </div>
 </template>
@@ -219,6 +218,7 @@ import {
   setEmailAddress,
   verifyEmailAddress,
 } from "~/helpers/fb/auth"
+import { invokeAction } from "~/helpers/actions"
 
 import { useReadonlyStream } from "@composables/stream"
 import { useI18n } from "@composables/i18n"