From 39d6b1bfeb4b1b563030c1a5e0591647492de739 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Sat, 18 Dec 2021 19:51:57 +0530
Subject: [PATCH] chore: minor ui improvements

---
 netlify.toml                                  |   8 +-
 .../components/collections/ImportExport.vue   |   2 +-
 .../components/http/Authorization.vue         | 237 +++++++-----------
 .../components/http/ImportCurl.vue            |   7 +-
 .../components/http/PreRequestScript.vue      |   2 +-
 .../hoppscotch-app/components/http/Tests.vue  |   2 +-
 .../helpers/editor/themes/baseTheme.ts        |   4 +-
 packages/hoppscotch-app/locales/af.json       |   3 +-
 packages/hoppscotch-app/locales/ar.json       |   3 +-
 packages/hoppscotch-app/locales/ca.json       |   3 +-
 packages/hoppscotch-app/locales/cn.json       |   3 +-
 packages/hoppscotch-app/locales/cs.json       |   3 +-
 packages/hoppscotch-app/locales/da.json       |   3 +-
 packages/hoppscotch-app/locales/de.json       |   3 +-
 packages/hoppscotch-app/locales/el.json       |   3 +-
 packages/hoppscotch-app/locales/es.json       |   3 +-
 packages/hoppscotch-app/locales/fi.json       |   3 +-
 packages/hoppscotch-app/locales/fr.json       |   3 +-
 packages/hoppscotch-app/locales/he.json       |   3 +-
 packages/hoppscotch-app/locales/hu.json       |   3 +-
 packages/hoppscotch-app/locales/it.json       |   3 +-
 packages/hoppscotch-app/locales/ja.json       |   3 +-
 packages/hoppscotch-app/locales/ko.json       |   3 +-
 packages/hoppscotch-app/locales/nl.json       |   3 +-
 packages/hoppscotch-app/locales/no.json       |   3 +-
 packages/hoppscotch-app/locales/pl.json       |   3 +-
 packages/hoppscotch-app/locales/pt-br.json    |   3 +-
 packages/hoppscotch-app/locales/pt.json       |   3 +-
 packages/hoppscotch-app/locales/ro.json       |   3 +-
 packages/hoppscotch-app/locales/ru.json       |   3 +-
 packages/hoppscotch-app/locales/sr.json       |   3 +-
 packages/hoppscotch-app/locales/sv.json       |   3 +-
 packages/hoppscotch-app/locales/tr.json       |   3 +-
 packages/hoppscotch-app/locales/tw.json       |   3 +-
 packages/hoppscotch-app/locales/uk.json       |   3 +-
 packages/hoppscotch-app/locales/vi.json       |   3 +-
 36 files changed, 169 insertions(+), 180 deletions(-)

diff --git a/netlify.toml b/netlify.toml
index a00bb82a1..f8d4e742c 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -33,7 +33,7 @@
 
 [[redirects]]
   from = "/careers"
-  to = "https://hoppscotch.notion.site/3b9d5d5239a043bfb91701faabf5b8f0"
+  to = "https://company.hoppscotch.io/careers"
   status = 301
   force = true
 
@@ -54,3 +54,9 @@
   to = "https://github.com/hoppscotch/hoppscotch"
   status = 301
   force = true
+
+[[redirects]]
+  from = "/announcements"
+  to = "https://company.hoppscotch.io/announcements"
+  status = 301
+  force = true
diff --git a/packages/hoppscotch-app/components/collections/ImportExport.vue b/packages/hoppscotch-app/components/collections/ImportExport.vue
index cefeb23c3..23e531728 100644
--- a/packages/hoppscotch-app/components/collections/ImportExport.vue
+++ b/packages/hoppscotch-app/components/collections/ImportExport.vue
@@ -41,7 +41,7 @@
             :label="$t('import.from_gist')"
             @click.native="
               () => {
-                readCollectionGist
+                readCollectionGist()
                 $refs.options.tippy().hide()
               }
             "
diff --git a/packages/hoppscotch-app/components/http/Authorization.vue b/packages/hoppscotch-app/components/http/Authorization.vue
index 6f6471362..61043e534 100644
--- a/packages/hoppscotch-app/components/http/Authorization.vue
+++ b/packages/hoppscotch-app/components/http/Authorization.vue
@@ -136,152 +136,103 @@
         class="mb-4"
       />
     </div>
-    <div v-if="authType === 'basic'" class="border-b border-dividerLight flex">
+    <div v-else class="border-b border-dividerLight flex">
       <div class="border-r border-dividerLight w-2/3">
-        <div class="border-b border-dividerLight flex">
-          <SmartEnvInput
-            v-model="basicUsername"
-            :placeholder="$t('authorization.username')"
-            styles="bg-transparent flex flex-1 py-1 px-4"
-          />
-        </div>
-        <div class="border-b border-dividerLight flex">
-          <SmartEnvInput
-            v-model="basicPassword"
-            :placeholder="$t('authorization.password')"
-            styles="bg-transparent flex flex-1 py-1 px-4"
-          />
-        </div>
-      </div>
-      <div
-        class="bg-primary h-full top-upperTertiaryStickyFold min-w-46 max-w-1/3 p-4 z-9 sticky overflow-auto"
-      >
-        <div class="text-secondaryLight pb-2">
-          {{ $t("helpers.authorization") }}
-        </div>
-        <SmartAnchor
-          class="link"
-          :label="`${$t('authorization.learn')} \xA0 →`"
-          to="https://docs.hoppscotch.io/features/authorization"
-          blank
-        />
-      </div>
-    </div>
-    <div v-if="authType === 'bearer'" class="border-b border-dividerLight flex">
-      <div class="border-r border-dividerLight w-2/3">
-        <div class="border-b border-dividerLight flex">
-          <SmartEnvInput
-            v-model="bearerToken"
-            placeholder="Token"
-            styles="bg-transparent flex flex-1 py-1 px-4"
-          />
-        </div>
-      </div>
-      <div
-        class="bg-primary h-full top-upperTertiaryStickyFold min-w-46 max-w-1/3 p-4 z-9 sticky overflow-auto"
-      >
-        <div class="text-secondaryLight pb-2">
-          {{ $t("helpers.authorization") }}
-        </div>
-        <SmartAnchor
-          class="link"
-          :label="`${$t('authorization.learn')} \xA0 →`"
-          to="https://docs.hoppscotch.io/features/authorization"
-          blank
-        />
-      </div>
-    </div>
-    <div
-      v-if="authType === 'oauth-2'"
-      class="border-b border-dividerLight flex"
-    >
-      <div class="border-r border-dividerLight w-2/3">
-        <div class="border-b border-dividerLight flex">
-          <SmartEnvInput
-            v-model="oauth2Token"
-            placeholder="Token"
-            styles="bg-transparent flex flex-1 py-1 px-4"
-          />
-        </div>
-        <HttpOAuth2Authorization />
-      </div>
-      <div
-        class="bg-primary h-full top-upperTertiaryStickyFold min-w-46 max-w-1/3 p-4 z-9 sticky overflow-auto"
-      >
-        <div class="text-secondaryLight pb-2">
-          {{ $t("helpers.authorization") }}
-        </div>
-        <SmartAnchor
-          class="link"
-          :label="`${$t('authorization.learn')} \xA0 →`"
-          to="https://docs.hoppscotch.io/features/authorization"
-          blank
-        />
-      </div>
-    </div>
-    <div
-      v-if="authType === 'api-key'"
-      class="border-b border-dividerLight flex"
-    >
-      <div class="border-r border-dividerLight w-2/3">
-        <div class="border-b border-dividerLight flex">
-          <SmartEnvInput
-            v-model="apiKey"
-            placeholder="Key"
-            styles="bg-transparent flex flex-1 py-1 px-4"
-          />
-        </div>
-        <div class="border-b border-dividerLight flex">
-          <SmartEnvInput
-            v-model="apiValue"
-            placeholder="Value"
-            styles="bg-transparent flex flex-1 py-1 px-4"
-          />
-        </div>
-        <div class="border-b border-dividerLight flex items-center">
-          <label class="text-secondaryLight ml-4">
-            {{ $t("authorization.pass_key_by") }}
-          </label>
-          <tippy
-            ref="addToOptions"
-            interactive
-            trigger="click"
-            theme="popover"
-            arrow
-          >
-            <template #trigger>
-              <span class="select-wrapper">
-                <ButtonSecondary
-                  :label="addTo || $t('state.none')"
-                  class="rounded-none ml-2 pr-8"
-                />
-              </span>
-            </template>
-            <SmartItem
-              :icon="
-                addTo === 'Headers'
-                  ? 'radio_button_checked'
-                  : 'radio_button_unchecked'
-              "
-              :label="'Headers'"
-              @click.native="
-                addTo = 'Headers'
-                $refs.addToOptions.tippy().hide()
-              "
+        <div v-if="authType === 'basic'">
+          <div class="border-b border-dividerLight flex">
+            <SmartEnvInput
+              v-model="basicUsername"
+              :placeholder="$t('authorization.username')"
+              styles="bg-transparent flex flex-1 py-1 px-4"
             />
-            <SmartItem
-              :icon="
-                addTo === 'Query params'
-                  ? 'radio_button_checked'
-                  : 'radio_button_unchecked'
-              "
-              :label="'Query params'"
-              @click.native="
-                addTo = 'Query params'
-                $refs.addToOptions.tippy().hide()
-              "
+          </div>
+          <div class="border-b border-dividerLight flex">
+            <SmartEnvInput
+              v-model="basicPassword"
+              :placeholder="$t('authorization.password')"
+              styles="bg-transparent flex flex-1 py-1 px-4"
             />
-          </tippy>
+          </div>
+        </div>
+        <div v-if="authType === 'bearer'">
+          <div class="border-b border-dividerLight flex">
+            <SmartEnvInput
+              v-model="bearerToken"
+              placeholder="Token"
+              styles="bg-transparent flex flex-1 py-1 px-4"
+            />
+          </div>
+        </div>
+        <div v-if="authType === 'oauth-2'">
+          <div class="border-b border-dividerLight flex">
+            <SmartEnvInput
+              v-model="oauth2Token"
+              placeholder="Token"
+              styles="bg-transparent flex flex-1 py-1 px-4"
+            />
+          </div>
+          <HttpOAuth2Authorization />
+        </div>
+        <div v-if="authType === 'api-key'">
+          <div class="border-b border-dividerLight flex">
+            <SmartEnvInput
+              v-model="apiKey"
+              placeholder="Key"
+              styles="bg-transparent flex flex-1 py-1 px-4"
+            />
+          </div>
+          <div class="border-b border-dividerLight flex">
+            <SmartEnvInput
+              v-model="apiValue"
+              placeholder="Value"
+              styles="bg-transparent flex flex-1 py-1 px-4"
+            />
+          </div>
+          <div class="border-b border-dividerLight flex items-center">
+            <label class="text-secondaryLight ml-4">
+              {{ $t("authorization.pass_key_by") }}
+            </label>
+            <tippy
+              ref="addToOptions"
+              interactive
+              trigger="click"
+              theme="popover"
+              arrow
+            >
+              <template #trigger>
+                <span class="select-wrapper">
+                  <ButtonSecondary
+                    :label="addTo || $t('state.none')"
+                    class="rounded-none ml-2 pr-8"
+                  />
+                </span>
+              </template>
+              <SmartItem
+                :icon="
+                  addTo === 'Headers'
+                    ? 'radio_button_checked'
+                    : 'radio_button_unchecked'
+                "
+                :label="'Headers'"
+                @click.native="
+                  addTo = 'Headers'
+                  $refs.addToOptions.tippy().hide()
+                "
+              />
+              <SmartItem
+                :icon="
+                  addTo === 'Query params'
+                    ? 'radio_button_checked'
+                    : 'radio_button_unchecked'
+                "
+                :label="'Query params'"
+                @click.native="
+                  addTo = 'Query params'
+                  $refs.addToOptions.tippy().hide()
+                "
+              />
+            </tippy>
+          </div>
         </div>
       </div>
       <div
diff --git a/packages/hoppscotch-app/components/http/ImportCurl.vue b/packages/hoppscotch-app/components/http/ImportCurl.vue
index 153daef74..4f600ea2c 100644
--- a/packages/hoppscotch-app/components/http/ImportCurl.vue
+++ b/packages/hoppscotch-app/components/http/ImportCurl.vue
@@ -1,8 +1,11 @@
 <template>
   <SmartModal v-if="show" :title="`${t('import.curl')}`" @close="hideModal">
     <template #body>
-      <div class="flex flex-col px-2">
-        <div ref="curlEditor" class="border border-dividerLight rounded"></div>
+      <div class="h-46 px-2">
+        <div
+          ref="curlEditor"
+          class="border border-dividerLight h-full rounded"
+        ></div>
       </div>
     </template>
     <template #footer>
diff --git a/packages/hoppscotch-app/components/http/PreRequestScript.vue b/packages/hoppscotch-app/components/http/PreRequestScript.vue
index 3b26eefd5..79000b90b 100644
--- a/packages/hoppscotch-app/components/http/PreRequestScript.vue
+++ b/packages/hoppscotch-app/components/http/PreRequestScript.vue
@@ -31,7 +31,7 @@
     </div>
     <div class="border-b border-dividerLight flex">
       <div class="border-r border-dividerLight w-2/3">
-        <div ref="preRrequestEditor"></div>
+        <div ref="preRrequestEditor" class="h-full"></div>
       </div>
       <div
         class="bg-primary h-full top-upperTertiaryStickyFold min-w-46 max-w-1/3 p-4 z-9 sticky overflow-auto"
diff --git a/packages/hoppscotch-app/components/http/Tests.vue b/packages/hoppscotch-app/components/http/Tests.vue
index a1b33f243..05080c115 100644
--- a/packages/hoppscotch-app/components/http/Tests.vue
+++ b/packages/hoppscotch-app/components/http/Tests.vue
@@ -31,7 +31,7 @@
     </div>
     <div class="border-b border-dividerLight flex">
       <div class="border-r border-dividerLight w-2/3">
-        <div ref="testScriptEditor"></div>
+        <div ref="testScriptEditor" class="h-full"></div>
       </div>
       <div
         class="bg-primary h-full top-upperTertiaryStickyFold min-w-46 max-w-1/3 p-4 z-9 sticky overflow-auto"
diff --git a/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts b/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts
index 75ff2bb07..a2b6d9073 100644
--- a/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts
+++ b/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts
@@ -68,13 +68,13 @@ export const baseTheme = EditorView.theme({
   },
   ".cm-textfield": {
     backgroundColor: "var(--primary-dark-color)",
-    color: "var(--secondary-light-color)",
+    color: "var(--secondary-dark-color)",
     borderColor: "var(--divider-light-color)",
     borderRadius: "3px",
   },
   ".cm-button": {
     backgroundColor: "var(--primary-dark-color)",
-    color: "var(--secondary-light-color)",
+    color: "var(--secondary-dark-color)",
     backgroundImage: "none",
     border: "none",
   },
diff --git a/packages/hoppscotch-app/locales/af.json b/packages/hoppscotch-app/locales/af.json
index 66cea0be0..ff723d60a 100644
--- a/packages/hoppscotch-app/locales/af.json
+++ b/packages/hoppscotch-app/locales/af.json
@@ -96,7 +96,8 @@
     "password": "Wagwoord",
     "token": "Teken",
     "type": "Magtigingstipe",
-    "username": "Gebruikersnaam"
+    "username": "Gebruikersnaam",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Versameling geskep",
diff --git a/packages/hoppscotch-app/locales/ar.json b/packages/hoppscotch-app/locales/ar.json
index 7fbe1b7d8..651a686cb 100644
--- a/packages/hoppscotch-app/locales/ar.json
+++ b/packages/hoppscotch-app/locales/ar.json
@@ -96,7 +96,8 @@
     "password": "كلمة المرور",
     "token": "رمز",
     "type": "نوع التفويض",
-    "username": "اسم المستخدم"
+    "username": "اسم المستخدم",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "تم إنشاء المجموعة",
diff --git a/packages/hoppscotch-app/locales/ca.json b/packages/hoppscotch-app/locales/ca.json
index bf7edada0..dac6f803d 100644
--- a/packages/hoppscotch-app/locales/ca.json
+++ b/packages/hoppscotch-app/locales/ca.json
@@ -96,7 +96,8 @@
     "password": "Contrasenya",
     "token": "Testimoni",
     "type": "Tipus d'autorització",
-    "username": "Nom d'usuari"
+    "username": "Nom d'usuari",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "S'ha creat la col·lecció",
diff --git a/packages/hoppscotch-app/locales/cn.json b/packages/hoppscotch-app/locales/cn.json
index 110a040b5..7cd241d0e 100644
--- a/packages/hoppscotch-app/locales/cn.json
+++ b/packages/hoppscotch-app/locales/cn.json
@@ -96,7 +96,8 @@
     "password": "密码",
     "token": "令牌",
     "type": "授权类型",
-    "username": "用户名"
+    "username": "用户名",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "组合已创建",
diff --git a/packages/hoppscotch-app/locales/cs.json b/packages/hoppscotch-app/locales/cs.json
index c0424d9c9..7460f174d 100644
--- a/packages/hoppscotch-app/locales/cs.json
+++ b/packages/hoppscotch-app/locales/cs.json
@@ -96,7 +96,8 @@
     "password": "Heslo",
     "token": "Žeton",
     "type": "Typ autorizace",
-    "username": "Uživatelské jméno"
+    "username": "Uživatelské jméno",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Kolekce vytvořena",
diff --git a/packages/hoppscotch-app/locales/da.json b/packages/hoppscotch-app/locales/da.json
index 52ac63f1f..e7d8874b1 100644
--- a/packages/hoppscotch-app/locales/da.json
+++ b/packages/hoppscotch-app/locales/da.json
@@ -96,7 +96,8 @@
     "password": "Adgangskode",
     "token": "Polet",
     "type": "Godkendelse Type",
-    "username": "Brugernavn"
+    "username": "Brugernavn",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Samlingen er oprettet",
diff --git a/packages/hoppscotch-app/locales/de.json b/packages/hoppscotch-app/locales/de.json
index eb63b3c4c..e58496f08 100644
--- a/packages/hoppscotch-app/locales/de.json
+++ b/packages/hoppscotch-app/locales/de.json
@@ -96,7 +96,8 @@
     "password": "Passwort",
     "token": "Token",
     "type": "Berechtigungstyp",
-    "username": "Nutzername"
+    "username": "Nutzername",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Sammlung erstellt",
diff --git a/packages/hoppscotch-app/locales/el.json b/packages/hoppscotch-app/locales/el.json
index cffe25edc..68ad7c553 100644
--- a/packages/hoppscotch-app/locales/el.json
+++ b/packages/hoppscotch-app/locales/el.json
@@ -96,7 +96,8 @@
     "password": "Κωδικός πρόσβασης",
     "token": "Ενδειξη",
     "type": "Τύπος εξουσιοδότησης",
-    "username": "Όνομα χρήστη"
+    "username": "Όνομα χρήστη",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Η συλλογή δημιουργήθηκε",
diff --git a/packages/hoppscotch-app/locales/es.json b/packages/hoppscotch-app/locales/es.json
index 884cadc3a..2706b0139 100644
--- a/packages/hoppscotch-app/locales/es.json
+++ b/packages/hoppscotch-app/locales/es.json
@@ -96,7 +96,8 @@
     "password": "Contraseña",
     "token": "Token",
     "type": "Tipo de autorización",
-    "username": "Nombre de usuario"
+    "username": "Nombre de usuario",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Colección creada",
diff --git a/packages/hoppscotch-app/locales/fi.json b/packages/hoppscotch-app/locales/fi.json
index 0bf3f04eb..2e28e9ebb 100644
--- a/packages/hoppscotch-app/locales/fi.json
+++ b/packages/hoppscotch-app/locales/fi.json
@@ -96,7 +96,8 @@
     "password": "Salasana",
     "token": "Token",
     "type": "Valtuustyyppi",
-    "username": "Käyttäjätunnus"
+    "username": "Käyttäjätunnus",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Kokoelma luotu",
diff --git a/packages/hoppscotch-app/locales/fr.json b/packages/hoppscotch-app/locales/fr.json
index 32138c0f1..3b69f55c4 100644
--- a/packages/hoppscotch-app/locales/fr.json
+++ b/packages/hoppscotch-app/locales/fr.json
@@ -96,7 +96,8 @@
     "password": "Mot de passe",
     "token": "Jeton",
     "type": "Type d'autorisation",
-    "username": "Nom d'utilisateur"
+    "username": "Nom d'utilisateur",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Collection créée",
diff --git a/packages/hoppscotch-app/locales/he.json b/packages/hoppscotch-app/locales/he.json
index 190240a36..57ae89b65 100644
--- a/packages/hoppscotch-app/locales/he.json
+++ b/packages/hoppscotch-app/locales/he.json
@@ -96,7 +96,8 @@
     "password": "סיסמה",
     "token": "אֲסִימוֹן",
     "type": "סוג הרשאה",
-    "username": "שם משתמש"
+    "username": "שם משתמש",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "אוסף נוצר",
diff --git a/packages/hoppscotch-app/locales/hu.json b/packages/hoppscotch-app/locales/hu.json
index a49c3f5bc..347359127 100644
--- a/packages/hoppscotch-app/locales/hu.json
+++ b/packages/hoppscotch-app/locales/hu.json
@@ -96,7 +96,8 @@
     "password": "Jelszó",
     "token": "Jelképes",
     "type": "Engedélyezés típusa",
-    "username": "Felhasználónév"
+    "username": "Felhasználónév",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Gyűjtemény létrehozva",
diff --git a/packages/hoppscotch-app/locales/it.json b/packages/hoppscotch-app/locales/it.json
index 3d83d0e13..8464e3c4f 100644
--- a/packages/hoppscotch-app/locales/it.json
+++ b/packages/hoppscotch-app/locales/it.json
@@ -96,7 +96,8 @@
     "password": "Password",
     "token": "Token",
     "type": "Tipo di autorizzazione",
-    "username": "Nome utente"
+    "username": "Nome utente",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Raccolta creata",
diff --git a/packages/hoppscotch-app/locales/ja.json b/packages/hoppscotch-app/locales/ja.json
index 6aa069626..381cb3c85 100644
--- a/packages/hoppscotch-app/locales/ja.json
+++ b/packages/hoppscotch-app/locales/ja.json
@@ -96,7 +96,8 @@
     "password": "パスワード",
     "token": "トークン",
     "type": "承認タイプ",
-    "username": "ユーザー名"
+    "username": "ユーザー名",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "コレクションが作成されました",
diff --git a/packages/hoppscotch-app/locales/ko.json b/packages/hoppscotch-app/locales/ko.json
index c5722b06f..75ee67e42 100644
--- a/packages/hoppscotch-app/locales/ko.json
+++ b/packages/hoppscotch-app/locales/ko.json
@@ -96,7 +96,8 @@
     "password": "비밀번호",
     "token": "토큰",
     "type": "인증 유형",
-    "username": "사용자 이름"
+    "username": "사용자 이름",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "모음집 생성됨",
diff --git a/packages/hoppscotch-app/locales/nl.json b/packages/hoppscotch-app/locales/nl.json
index cdbe29093..ea52fddaf 100644
--- a/packages/hoppscotch-app/locales/nl.json
+++ b/packages/hoppscotch-app/locales/nl.json
@@ -96,7 +96,8 @@
     "password": "Wachtwoord",
     "token": "token",
     "type": "Autorisatietype:",
-    "username": "Gebruikersnaam"
+    "username": "Gebruikersnaam",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Collectie gemaakt",
diff --git a/packages/hoppscotch-app/locales/no.json b/packages/hoppscotch-app/locales/no.json
index 045836111..7fecfd235 100644
--- a/packages/hoppscotch-app/locales/no.json
+++ b/packages/hoppscotch-app/locales/no.json
@@ -96,7 +96,8 @@
     "password": "Passord",
     "token": "Nøkkel",
     "type": "Godkjenningstype",
-    "username": "Brukernavn"
+    "username": "Brukernavn",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Samlingen er opprettet",
diff --git a/packages/hoppscotch-app/locales/pl.json b/packages/hoppscotch-app/locales/pl.json
index 0ee183760..8c0efefb5 100644
--- a/packages/hoppscotch-app/locales/pl.json
+++ b/packages/hoppscotch-app/locales/pl.json
@@ -96,7 +96,8 @@
     "password": "Hasło",
     "token": "Token",
     "type": "Typ autoryzacji",
-    "username": "Nazwa użytkownika"
+    "username": "Nazwa użytkownika",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Utworzono kolekcję",
diff --git a/packages/hoppscotch-app/locales/pt-br.json b/packages/hoppscotch-app/locales/pt-br.json
index 1fe53ff72..be5f4b1d5 100644
--- a/packages/hoppscotch-app/locales/pt-br.json
+++ b/packages/hoppscotch-app/locales/pt-br.json
@@ -96,7 +96,8 @@
     "password": "Senha",
     "token": "Símbolo",
     "type": "Tipo de Autorização",
-    "username": "Nome do usuário"
+    "username": "Nome do usuário",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Coleção criada",
diff --git a/packages/hoppscotch-app/locales/pt.json b/packages/hoppscotch-app/locales/pt.json
index 1fe53ff72..be5f4b1d5 100644
--- a/packages/hoppscotch-app/locales/pt.json
+++ b/packages/hoppscotch-app/locales/pt.json
@@ -96,7 +96,8 @@
     "password": "Senha",
     "token": "Símbolo",
     "type": "Tipo de Autorização",
-    "username": "Nome do usuário"
+    "username": "Nome do usuário",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Coleção criada",
diff --git a/packages/hoppscotch-app/locales/ro.json b/packages/hoppscotch-app/locales/ro.json
index 5132fd733..f96c56658 100644
--- a/packages/hoppscotch-app/locales/ro.json
+++ b/packages/hoppscotch-app/locales/ro.json
@@ -96,7 +96,8 @@
     "password": "Parola",
     "token": "Jeton",
     "type": "Tipul de autorizare",
-    "username": "Nume de utilizator"
+    "username": "Nume de utilizator",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Colecție creată",
diff --git a/packages/hoppscotch-app/locales/ru.json b/packages/hoppscotch-app/locales/ru.json
index b24767269..9bd90056f 100644
--- a/packages/hoppscotch-app/locales/ru.json
+++ b/packages/hoppscotch-app/locales/ru.json
@@ -96,7 +96,8 @@
     "password": "Пароль",
     "token": "Токен",
     "type": "Тип авторизации",
-    "username": "Имя пользователя"
+    "username": "Имя пользователя",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Коллекция создана",
diff --git a/packages/hoppscotch-app/locales/sr.json b/packages/hoppscotch-app/locales/sr.json
index ee31af475..a8c865115 100644
--- a/packages/hoppscotch-app/locales/sr.json
+++ b/packages/hoppscotch-app/locales/sr.json
@@ -96,7 +96,8 @@
     "password": "Лозинка",
     "token": "Токен",
     "type": "Врста овлашћења",
-    "username": "Корисничко име"
+    "username": "Корисничко име",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Колекција је направљена",
diff --git a/packages/hoppscotch-app/locales/sv.json b/packages/hoppscotch-app/locales/sv.json
index 7492c56ce..7d2020c7e 100644
--- a/packages/hoppscotch-app/locales/sv.json
+++ b/packages/hoppscotch-app/locales/sv.json
@@ -96,7 +96,8 @@
     "password": "Lösenord",
     "token": "Tecken",
     "type": "Godkännande typ",
-    "username": "Användarnamn"
+    "username": "Användarnamn",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Samlingen skapad",
diff --git a/packages/hoppscotch-app/locales/tr.json b/packages/hoppscotch-app/locales/tr.json
index e2cfe0944..359a59b7f 100644
--- a/packages/hoppscotch-app/locales/tr.json
+++ b/packages/hoppscotch-app/locales/tr.json
@@ -96,7 +96,8 @@
     "password": "Parola",
     "token": "Jeton",
     "type": "Yetki Türü",
-    "username": "Kullanıcı adı"
+    "username": "Kullanıcı adı",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Koleksiyon oluşturuldu",
diff --git a/packages/hoppscotch-app/locales/tw.json b/packages/hoppscotch-app/locales/tw.json
index 538adb04e..d35691abd 100644
--- a/packages/hoppscotch-app/locales/tw.json
+++ b/packages/hoppscotch-app/locales/tw.json
@@ -96,7 +96,8 @@
     "password": "密碼",
     "token": "權杖",
     "type": "授權類型",
-    "username": "使用者名稱"
+    "username": "使用者名稱",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "組合已建立",
diff --git a/packages/hoppscotch-app/locales/uk.json b/packages/hoppscotch-app/locales/uk.json
index 054c73de8..296f02a1a 100644
--- a/packages/hoppscotch-app/locales/uk.json
+++ b/packages/hoppscotch-app/locales/uk.json
@@ -96,7 +96,8 @@
     "password": "Пароль",
     "token": "Токен",
     "type": "Тип авторизації",
-    "username": "Ім'я користувача"
+    "username": "Ім'я користувача",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Колекція створена",
diff --git a/packages/hoppscotch-app/locales/vi.json b/packages/hoppscotch-app/locales/vi.json
index 3ad858032..cb6e56b47 100644
--- a/packages/hoppscotch-app/locales/vi.json
+++ b/packages/hoppscotch-app/locales/vi.json
@@ -96,7 +96,8 @@
     "password": "Mật khẩu",
     "token": "Mã thông báo",
     "type": "Loại ủy quyền",
-    "username": "tên tài khoản"
+    "username": "tên tài khoản",
+    "pass_key_by": "Pass by"
   },
   "collection": {
     "created": "Bộ sưu tập đã được tạo",