From c5e44072a84f2bebf0209021d1d7603375e4bab1 Mon Sep 17 00:00:00 2001
From: Vitalii <takur12345@gmail.com>
Date: Mon, 4 Dec 2023 14:29:31 +0200
Subject: [PATCH] web/satellite/vuetify-poc: prevent page reload on folder
 create

Remove default page reload behavior on form submit during folder creation.

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

Change-Id: I6d5c433adb4046238f958761b4d1f27696cfc459
---
 .../src/components/dialogs/BrowserNewFolderDialog.vue         | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/satellite/vuetify-poc/src/components/dialogs/BrowserNewFolderDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/BrowserNewFolderDialog.vue
index cc68b6753..6441bb16b 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/BrowserNewFolderDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/BrowserNewFolderDialog.vue
@@ -42,7 +42,7 @@
 
             <v-divider />
 
-            <v-form v-model="formValid" class="px-7 pt-9 pb-4">
+            <v-form v-model="formValid" class="px-7 pt-9 pb-4" @submit.prevent="createFolder">
                 <v-row>
                     <v-col cols="12">
                         <v-text-field
@@ -155,6 +155,8 @@ const files = computed((): BrowserObject[] => {
 });
 
 function createFolder(): void {
+    if (!formValid.value) return;
+
     withLoading(async () => {
         try {
             await obStore.createFolder(folder.value.trim());