From 1546732afc7c9d703006827344210db0e6b1b9b3 Mon Sep 17 00:00:00 2001
From: Vitalii <takur12345@gmail.com>
Date: Tue, 28 Nov 2023 14:22:20 +0200
Subject: [PATCH] web/satellite/vuetify-poc: set input value length limits

Ensure that text inputs have length limits, like in production and more.

Issue:
https://github.com/storj/storj/issues/6536

Change-Id: I2f216cc57d6bcb49b88c34ce53bed58327b0cdc6
---
 .../src/components/AccessTableComponent.vue   |  2 ++
 .../src/components/BucketsDataTable.vue       |  2 ++
 .../src/components/TeamTableComponent.vue     |  2 ++
 .../components/billing/BillingHistoryTab.vue  |  1 -
 .../dialogs/AddTeamMemberDialog.vue           |  1 +
 .../dialogs/ApplyCouponCodeDialog.vue         |  1 +
 .../dialogs/BrowserNewFolderDialog.vue        |  5 ++---
 .../components/dialogs/ChangeNameDialog.vue   |  1 +
 .../components/dialogs/CreateAccessDialog.vue |  2 +-
 .../components/dialogs/CreateBucketDialog.vue |  1 -
 .../dialogs/CreateProjectDialog.vue           |  1 +
 .../components/dialogs/DeleteBucketDialog.vue |  2 +-
 .../components/dialogs/DisableMFADialog.vue   |  1 +
 .../dialogs/EditProjectDetailsDialog.vue      |  1 +
 .../dialogs/EditProjectLimitDialog.vue        |  1 +
 .../components/dialogs/EnableMFADialog.vue    |  1 +
 .../dialogs/EnterBucketPassphraseDialog.vue   |  2 +-
 .../src/components/dialogs/MFACodesDialog.vue |  1 +
 .../PassphraseGeneratedStep.vue               |  2 +-
 .../AccessEncryptionStep.vue                  |  1 -
 .../createAccessSteps/CreateNewAccessStep.vue |  1 +
 .../createAccessSteps/EncryptionInfoStep.vue  |  1 -
 .../upgradeAccountFlow/AddCreditCardStep.vue  |  2 +-
 .../upgradeAccountFlow/UpgradeOptionsStep.vue |  2 +-
 .../src/layouts/default/Account.vue           |  2 +-
 .../src/layouts/default/AllProjects.vue       |  2 +-
 .../src/layouts/default/AppBar.vue            |  5 -----
 .../src/layouts/default/AuthBar.vue           |  1 -
 .../src/layouts/default/ProjectNav.vue        |  2 +-
 web/satellite/vuetify-poc/src/types/common.ts |  2 ++
 .../vuetify-poc/src/views/Login2FA.vue        |  2 ++
 .../vuetify-poc/src/views/Signup.vue          | 19 ++++---------------
 .../src/views/SignupConfirmation.vue          |  2 +-
 web/satellite/vuetify-poc/src/views/Team.vue  |  1 -
 34 files changed, 36 insertions(+), 39 deletions(-)

diff --git a/web/satellite/vuetify-poc/src/components/AccessTableComponent.vue b/web/satellite/vuetify-poc/src/components/AccessTableComponent.vue
index 609ee13f7..ba4d6cd56 100644
--- a/web/satellite/vuetify-poc/src/components/AccessTableComponent.vue
+++ b/web/satellite/vuetify-poc/src/components/AccessTableComponent.vue
@@ -14,6 +14,7 @@
             clearable
             density="comfortable"
             rounded="lg"
+            :maxlength="MAX_SEARCH_VALUE_LENGTH"
             class="mx-2 mt-2"
         />
 
@@ -87,6 +88,7 @@ import { useNotify } from '@/utils/hooks';
 import { useProjectsStore } from '@/store/modules/projectsStore';
 import { DEFAULT_PAGE_LIMIT } from '@/types/pagination';
 import { SortDirection, tableSizeOptions } from '@/types/common';
+import { MAX_SEARCH_VALUE_LENGTH } from '@poc/types/common';
 
 import DeleteAccessDialog from '@poc/components/dialogs/DeleteAccessDialog.vue';
 import IconTrash from '@poc/components/icons/IconTrash.vue';
diff --git a/web/satellite/vuetify-poc/src/components/BucketsDataTable.vue b/web/satellite/vuetify-poc/src/components/BucketsDataTable.vue
index 31d877b99..b450c7608 100644
--- a/web/satellite/vuetify-poc/src/components/BucketsDataTable.vue
+++ b/web/satellite/vuetify-poc/src/components/BucketsDataTable.vue
@@ -14,6 +14,7 @@
             clearable
             density="comfortable"
             rounded="lg"
+            :maxlength="MAX_SEARCH_VALUE_LENGTH"
             class="mx-2 mt-2"
         />
 
@@ -137,6 +138,7 @@ import { tableSizeOptions } from '@/types/common';
 import { RouteConfig } from '@/types/router';
 import { EdgeCredentials } from '@/types/accessGrants';
 import { useAnalyticsStore } from '@/store/modules/analyticsStore';
+import { MAX_SEARCH_VALUE_LENGTH } from '@poc/types/common';
 
 import IconTrash from '@poc/components/icons/IconTrash.vue';
 import IconShare from '@poc/components/icons/IconShare.vue';
diff --git a/web/satellite/vuetify-poc/src/components/TeamTableComponent.vue b/web/satellite/vuetify-poc/src/components/TeamTableComponent.vue
index 1bdb6f907..0713d34d2 100644
--- a/web/satellite/vuetify-poc/src/components/TeamTableComponent.vue
+++ b/web/satellite/vuetify-poc/src/components/TeamTableComponent.vue
@@ -28,6 +28,7 @@
                     clearable
                     density="comfortable"
                     rounded="lg"
+                    :maxlength="MAX_SEARCH_VALUE_LENGTH"
                     class="mx-2 mt-2"
                 />
             </v-col>
@@ -153,6 +154,7 @@ import { Project } from '@/types/projects';
 import { SortDirection, tableSizeOptions } from '@/types/common';
 import { useUsersStore } from '@/store/modules/usersStore';
 import { useConfigStore } from '@/store/modules/configStore';
+import { MAX_SEARCH_VALUE_LENGTH } from '@poc/types/common';
 
 import IconTrash from '@poc/components/icons/IconTrash.vue';
 import IconCopy from '@poc/components/icons/IconCopy.vue';
diff --git a/web/satellite/vuetify-poc/src/components/billing/BillingHistoryTab.vue b/web/satellite/vuetify-poc/src/components/billing/BillingHistoryTab.vue
index 771b7d5b3..dcd72a48c 100644
--- a/web/satellite/vuetify-poc/src/components/billing/BillingHistoryTab.vue
+++ b/web/satellite/vuetify-poc/src/components/billing/BillingHistoryTab.vue
@@ -62,7 +62,6 @@
 </template>
 
 <script setup lang="ts">
-
 import { VBtn, VBtnGroup, VCard, VChip, VCol, VRow, VSelect } from 'vuetify/components';
 import { computed, onMounted, ref } from 'vue';
 import { VDataTable } from 'vuetify/labs/components';
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/AddTeamMemberDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/AddTeamMemberDialog.vue
index b23ff543c..d615575ab 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/AddTeamMemberDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/AddTeamMemberDialog.vue
@@ -60,6 +60,7 @@
                                 v-model="email"
                                 variant="outlined"
                                 :rules="emailRules"
+                                maxlength="72"
                                 label="Enter e-mail"
                                 hint="Members will have read & write permissions."
                                 required
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/ApplyCouponCodeDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/ApplyCouponCodeDialog.vue
index 85c9b06fc..58bde9d42 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/ApplyCouponCodeDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/ApplyCouponCodeDialog.vue
@@ -40,6 +40,7 @@
                                     :rules="[RequiredRule]"
                                     label="Coupon Code"
                                     :hide-details="false"
+                                    maxlength="50"
                                     autofocus
                                 />
                             </v-form>
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/BrowserNewFolderDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/BrowserNewFolderDialog.vue
index 7462b8453..cc68b6753 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/BrowserNewFolderDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/BrowserNewFolderDialog.vue
@@ -44,9 +44,7 @@
 
             <v-form v-model="formValid" class="px-7 pt-9 pb-4">
                 <v-row>
-                    <v-col
-                        cols="12"
-                    >
+                    <v-col cols="12">
                         <v-text-field
                             v-model="folder"
                             variant="outlined"
@@ -54,6 +52,7 @@
                             label="Folder Name"
                             placeholder="Enter a folder name"
                             :hide-details="false"
+                            maxlength="50"
                             required
                             autofocus
                         />
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/ChangeNameDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/ChangeNameDialog.vue
index a46b5f9ba..c585bc510 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/ChangeNameDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/ChangeNameDialog.vue
@@ -37,6 +37,7 @@
                             label="Full name"
                             placeholder="Enter your name"
                             :hide-details="false"
+                            maxlength="72"
                             required
                             autofocus
                             class="mt-2"
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/CreateAccessDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/CreateAccessDialog.vue
index 655a0058d..0efb5ab32 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/CreateAccessDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/CreateAccessDialog.vue
@@ -13,7 +13,7 @@
         <v-card ref="innerContent" rounded="xlg">
             <v-card-item class="pa-5 pl-7 pos-relative">
                 <template #prepend>
-                    <img class="d-block" :src="STEP_ICON_AND_TITLE[step].icon">
+                    <img class="d-block" :src="STEP_ICON_AND_TITLE[step].icon" alt="icon">
                 </template>
 
                 <v-card-title class="font-weight-bold">
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/CreateBucketDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/CreateBucketDialog.vue
index 03df901e5..5f346e8e0 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/CreateBucketDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/CreateBucketDialog.vue
@@ -92,7 +92,6 @@ import {
 
 import { useLoading } from '@/composables/useLoading';
 import { useConfigStore } from '@/store/modules/configStore';
-import { useUsersStore } from '@/store/modules/usersStore';
 import { useNotify } from '@/utils/hooks';
 import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
 import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/CreateProjectDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/CreateProjectDialog.vue
index ad059d8cf..7f4f895b0 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/CreateProjectDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/CreateProjectDialog.vue
@@ -108,6 +108,7 @@
                                 type="number"
                                 :rules="projectLimitRules"
                                 :model-value="inputText"
+                                maxlength="4"
                                 @update:model-value="updateInputText"
                             />
                         </v-col>
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/DeleteBucketDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/DeleteBucketDialog.vue
index c6ca4b583..3e24f60a9 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/DeleteBucketDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/DeleteBucketDialog.vue
@@ -62,7 +62,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, watch } from 'vue';
+import { ref, computed, watch } from 'vue';
 import {
     VDialog,
     VCard,
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/DisableMFADialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/DisableMFADialog.vue
index ec8102fbe..ec6dfe19f 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/DisableMFADialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/DisableMFADialog.vue
@@ -42,6 +42,7 @@
                         :error-messages="isError ? 'Invalid code. Please re-enter.' : ''"
                         :label="useRecoveryCode ? 'Recovery code' : '2FA Code'"
                         :hide-details="false"
+                        :maxlength="useRecoveryCode ? 50 : 6"
                         required
                         autofocus
                     />
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/EditProjectDetailsDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/EditProjectDetailsDialog.vue
index b85f20135..9b9cbd359 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/EditProjectDetailsDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/EditProjectDetailsDialog.vue
@@ -36,6 +36,7 @@
                     :rules="rules"
                     :label="`Project ${field}`"
                     :counter="maxLength"
+                    :maxlength="maxLength"
                     persistent-counter
                     :hide-details="false"
                     autofocus
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/EditProjectLimitDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/EditProjectLimitDialog.vue
index d340c7f2a..5ce37140c 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/EditProjectLimitDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/EditProjectLimitDialog.vue
@@ -40,6 +40,7 @@
                             :rules="rules"
                             :hide-details="false"
                             :model-value="inputText"
+                            maxlength="50"
                             @update:model-value="updateInputText"
                         >
                             <template #append-inner>
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/EnableMFADialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/EnableMFADialog.vue
index fbdf25589..db7221cb1 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/EnableMFADialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/EnableMFADialog.vue
@@ -61,6 +61,7 @@
                                 :error-messages="isError ? 'Invalid code. Please re-enter.' : ''"
                                 label="2FA Code"
                                 :hide-details="false"
+                                maxlength="6"
                                 required
                                 autofocus
                             />
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/EnterBucketPassphraseDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/EnterBucketPassphraseDialog.vue
index f79af568f..2373b48c1 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/EnterBucketPassphraseDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/EnterBucketPassphraseDialog.vue
@@ -10,7 +10,7 @@
         <v-card ref="innerContent" rounded="xlg">
             <v-card-item class="pa-5 pl-7">
                 <template #prepend>
-                    <img class="d-block" src="@/../static/images/accessGrants/newCreateFlow/accessEncryption.svg">
+                    <img class="d-block" src="@/../static/images/accessGrants/newCreateFlow/accessEncryption.svg" alt="icon">
                 </template>
 
                 <v-card-title class="font-weight-bold">
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/MFACodesDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/MFACodesDialog.vue
index 6b493dfe7..deb4511b8 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/MFACodesDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/MFACodesDialog.vue
@@ -43,6 +43,7 @@
                             :error-messages="isError ? 'Invalid code. Please re-enter.' : ''"
                             :label="useRecoveryCode ? 'Recovery code' : '2FA Code'"
                             :hide-details="false"
+                            :maxlength="useRecoveryCode ? 50 : 6"
                             required
                             autofocus
                         />
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/commonPassphraseSteps/PassphraseGeneratedStep.vue b/web/satellite/vuetify-poc/src/components/dialogs/commonPassphraseSteps/PassphraseGeneratedStep.vue
index a1e6bf979..6676401fb 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/commonPassphraseSteps/PassphraseGeneratedStep.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/commonPassphraseSteps/PassphraseGeneratedStep.vue
@@ -31,7 +31,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { generateMnemonic } from 'bip39-english';
-import { VForm, VRow, VCol, VCheckbox, VDivider } from 'vuetify/components';
+import { VForm, VRow, VCol, VCheckbox } from 'vuetify/components';
 
 import { RequiredRule, DialogStepComponent } from '@poc/types/common';
 
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/createAccessSteps/AccessEncryptionStep.vue b/web/satellite/vuetify-poc/src/components/dialogs/createAccessSteps/AccessEncryptionStep.vue
index 6742694ab..2a391936e 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/createAccessSteps/AccessEncryptionStep.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/createAccessSteps/AccessEncryptionStep.vue
@@ -98,7 +98,6 @@ import {
     VExpandTransition,
     VAlert,
     VTextField,
-    VDivider,
 } from 'vuetify/components';
 
 import { PassphraseOption } from '@/types/createAccessGrant';
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/createAccessSteps/CreateNewAccessStep.vue b/web/satellite/vuetify-poc/src/components/dialogs/createAccessSteps/CreateNewAccessStep.vue
index f300faf6e..975d66b4c 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/createAccessSteps/CreateNewAccessStep.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/createAccessSteps/CreateNewAccessStep.vue
@@ -13,6 +13,7 @@
                     autofocus
                     :hide-details="false"
                     :rules="nameRules"
+                    maxlength="100"
                     class="mb-n2"
                 />
             </v-col>
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/createAccessSteps/EncryptionInfoStep.vue b/web/satellite/vuetify-poc/src/components/dialogs/createAccessSteps/EncryptionInfoStep.vue
index 9ff1deb71..1d1532ab3 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/createAccessSteps/EncryptionInfoStep.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/createAccessSteps/EncryptionInfoStep.vue
@@ -15,7 +15,6 @@
                 label="I understand, don't show this again."
                 color="default"
                 :hide-details="false"
-                :rules="[ RequiredRule ]"
                 @update:model-value="value => LocalData.setServerSideEncryptionModalHidden(value)"
             />
         </v-col>
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddCreditCardStep.vue b/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddCreditCardStep.vue
index 0991f285d..500fdb598 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddCreditCardStep.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddCreditCardStep.vue
@@ -55,7 +55,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
-import { VDivider, VBtn, VIcon, VCol, VRow } from 'vuetify/components';
+import { VBtn, VIcon, VCol, VRow } from 'vuetify/components';
 import { useTheme } from 'vuetify';
 
 import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/UpgradeOptionsStep.vue b/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/UpgradeOptionsStep.vue
index dab39658b..cd8ea69e9 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/UpgradeOptionsStep.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/UpgradeOptionsStep.vue
@@ -39,7 +39,7 @@
 </template>
 
 <script setup lang="ts">
-import { VBtn, VCol, VDivider, VIcon, VRow } from 'vuetify/components';
+import { VBtn, VCol, VIcon, VRow } from 'vuetify/components';
 
 import { useUsersStore } from '@/store/modules/usersStore';
 import { useNotify } from '@/utils/hooks';
diff --git a/web/satellite/vuetify-poc/src/layouts/default/Account.vue b/web/satellite/vuetify-poc/src/layouts/default/Account.vue
index 5cd7c5e07..6fa068318 100644
--- a/web/satellite/vuetify-poc/src/layouts/default/Account.vue
+++ b/web/satellite/vuetify-poc/src/layouts/default/Account.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onBeforeMount } from 'vue';
+import { onBeforeMount } from 'vue';
 import { VApp } from 'vuetify/components';
 
 import DefaultBar from './AppBar.vue';
diff --git a/web/satellite/vuetify-poc/src/layouts/default/AllProjects.vue b/web/satellite/vuetify-poc/src/layouts/default/AllProjects.vue
index 457f7d39c..86fbf06c4 100644
--- a/web/satellite/vuetify-poc/src/layouts/default/AllProjects.vue
+++ b/web/satellite/vuetify-poc/src/layouts/default/AllProjects.vue
@@ -14,7 +14,7 @@
 
 <script setup lang="ts">
 import { VApp } from 'vuetify/components';
-import { computed, onBeforeMount } from 'vue';
+import { onBeforeMount } from 'vue';
 
 import DefaultBar from './AppBar.vue';
 import DefaultView from './View.vue';
diff --git a/web/satellite/vuetify-poc/src/layouts/default/AppBar.vue b/web/satellite/vuetify-poc/src/layouts/default/AppBar.vue
index ba62d26d9..f912f1da2 100644
--- a/web/satellite/vuetify-poc/src/layouts/default/AppBar.vue
+++ b/web/satellite/vuetify-poc/src/layouts/default/AppBar.vue
@@ -90,9 +90,6 @@
                 <!-- My Account Menu -->
                 <v-list class="px-2 rounded-lg">
                     <v-list-item v-if="billingEnabled" class="py-2 rounded-lg">
-                        <!-- <template #prepend>
-                            <icon-team size="18"></icon-team>
-                        </template> -->
                         <v-list-item-title class="text-body-2">
                             <v-chip
                                 class="font-weight-bold"
@@ -201,12 +198,10 @@ import { useAnalyticsStore } from '@/store/modules/analyticsStore';
 import { useConfigStore } from '@/store/modules/configStore';
 
 import IconCard from '@poc/components/icons/IconCard.vue';
-import IconGlobe from '@poc/components/icons/IconGlobe.vue';
 import IconUpgrade from '@poc/components/icons/IconUpgrade.vue';
 import IconSettings from '@poc/components/icons/IconSettings.vue';
 import IconLogout from '@poc/components/icons/IconLogout.vue';
 import IconRegion from '@poc/components/icons/IconRegion.vue';
-import IconTeam from '@poc/components/icons/IconTeam.vue';
 
 const activeTheme = ref<number>(0);
 const theme = useTheme();
diff --git a/web/satellite/vuetify-poc/src/layouts/default/AuthBar.vue b/web/satellite/vuetify-poc/src/layouts/default/AuthBar.vue
index 8f90bd98e..c433c0df3 100644
--- a/web/satellite/vuetify-poc/src/layouts/default/AuthBar.vue
+++ b/web/satellite/vuetify-poc/src/layouts/default/AuthBar.vue
@@ -73,7 +73,6 @@ import { VAppBar, VAppBarTitle, VBtn, VBtnToggle, VIcon, VImg, VMenu, VTooltip }
 
 const theme = useTheme();
 const activeTheme = ref(0);
-const drawer = ref(true);
 const menu = ref(false);
 
 function toggleTheme(newTheme: string): void {
diff --git a/web/satellite/vuetify-poc/src/layouts/default/ProjectNav.vue b/web/satellite/vuetify-poc/src/layouts/default/ProjectNav.vue
index 6da561a62..decbcc561 100644
--- a/web/satellite/vuetify-poc/src/layouts/default/ProjectNav.vue
+++ b/web/satellite/vuetify-poc/src/layouts/default/ProjectNav.vue
@@ -326,7 +326,7 @@ const selectedProject = computed((): Project => {
     return projectsStore.state.selectedProject;
 });
 
-/*
+/**
  * Returns user's own projects.
  */
 const ownProjects = computed((): Project[] => {
diff --git a/web/satellite/vuetify-poc/src/types/common.ts b/web/satellite/vuetify-poc/src/types/common.ts
index d78676cb6..271cbccd5 100644
--- a/web/satellite/vuetify-poc/src/types/common.ts
+++ b/web/satellite/vuetify-poc/src/types/common.ts
@@ -24,3 +24,5 @@ export type SaveButtonsItem = string | {
     name: string;
     value: string;
 };
+
+export const MAX_SEARCH_VALUE_LENGTH = 200;
diff --git a/web/satellite/vuetify-poc/src/views/Login2FA.vue b/web/satellite/vuetify-poc/src/views/Login2FA.vue
index 9f1d04d8b..4a47bf7e7 100644
--- a/web/satellite/vuetify-poc/src/views/Login2FA.vue
+++ b/web/satellite/vuetify-poc/src/views/Login2FA.vue
@@ -12,6 +12,7 @@
                     :loading="loading"
                     autofocus
                     class="my-2"
+                    maxlength="6"
                     @update:modelValue="value => onValueChange(value)"
                 />
             </v-card>
@@ -45,6 +46,7 @@
                     label="Recovery Code"
                     class="mt-5"
                     required
+                    maxlength="50"
                     @update:modelValue="value => onValueChange(value)"
                 />
                 <v-btn
diff --git a/web/satellite/vuetify-poc/src/views/Signup.vue b/web/satellite/vuetify-poc/src/views/Signup.vue
index c8f3c9574..bc6811bb4 100644
--- a/web/satellite/vuetify-poc/src/views/Signup.vue
+++ b/web/satellite/vuetify-poc/src/views/Signup.vue
@@ -25,16 +25,11 @@
                                 name="email"
                                 type="email"
                                 placeholder="Enter your email"
+                                maxlength="72"
                                 flat
                                 clearable
                                 required
-                            >
-                                <!-- <template v-slot:prepend-inner>
-                  <v-icon
-                    icon="mdi-email-outline"
-                  />
-                </template> -->
-                            </v-text-field>
+                            />
 
                             <v-text-field
                                 v-model="password"
@@ -44,13 +39,7 @@
                                 :type="showPassword ? 'text' : 'password'"
                                 :append-inner-icon="showPassword ? 'mdi-eye-outline' : 'mdi-eye-off-outline'"
                                 @click:append-inner="showPassword = !showPassword"
-                            >
-                                <!-- <template v-slot:prepend-inner>
-                  <v-icon
-                    icon="mdi-key-outline"
-                  />
-                </template> -->
-                            </v-text-field>
+                            />
 
                             <v-checkbox density="compact" hide-details="true" required>
                                 <template #label>
@@ -102,4 +91,4 @@ const items = ref([
     { satellite: 'EU1', hint: 'Europe and Africa' },
     { satellite: 'AP1', hint: 'Asia and Australia' },
 ]);
-</script>
\ No newline at end of file
+</script>
diff --git a/web/satellite/vuetify-poc/src/views/SignupConfirmation.vue b/web/satellite/vuetify-poc/src/views/SignupConfirmation.vue
index 640b76964..b9b4fc499 100644
--- a/web/satellite/vuetify-poc/src/views/SignupConfirmation.vue
+++ b/web/satellite/vuetify-poc/src/views/SignupConfirmation.vue
@@ -33,4 +33,4 @@ import { ref } from 'vue';
 
 const loading = ref(false);
 const otp = ref('');
-</script>
\ No newline at end of file
+</script>
diff --git a/web/satellite/vuetify-poc/src/views/Team.vue b/web/satellite/vuetify-poc/src/views/Team.vue
index b2fe08426..865db44a3 100644
--- a/web/satellite/vuetify-poc/src/views/Team.vue
+++ b/web/satellite/vuetify-poc/src/views/Team.vue
@@ -42,5 +42,4 @@ const projectsStore = useProjectsStore();
 const isAddMemberDialogShown = ref<boolean>(false);
 
 const selectedProjectID = computed((): string => projectsStore.state.selectedProject.id);
-
 </script>