From c7b24c4c4e1d2a158fc66eed1056fc7ac9446699 Mon Sep 17 00:00:00 2001
From: Asheer Rizvi <asheer.vil@gmail.com>
Date: Sun, 11 Sep 2022 14:23:24 +0530
Subject: [PATCH 1/2] feat: added a form for creating tokens

---
 .../tabs/auth/ApiTokenManagement.vue          | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue b/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
index 1a093a5135..6f73b9ec7b 100644
--- a/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
+++ b/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
@@ -106,17 +106,29 @@ onMounted(() => {
         </template>
       </a-button>
       <!-- Generate Token -->
-      <div class="flex flex-row justify-center w-full -mt-1">
+      <div class="flex flex-row justify-center w-full -mt-1 mb-3">
         <a-typography-title :level="5">{{ $t('title.generateToken') }}</a-typography-title>
       </div>
       <!-- Description -->
-      <div class="flex flex-col mt-3 justify-center space-y-6">
+      <a-form
+        ref="form"
+        :model="selectedTokenData"
+        name="basic"
+        layout="vertical"
+        class="flex flex-col justify-center space-y-6"
+        no-style
+        autocomplete="off"
+        @finish="generateToken"
+      >
         <a-input v-model:value="selectedTokenData.description" :placeholder="$t('labels.description')" />
+
         <!-- Generate -->
         <div class="flex flex-row justify-center">
-          <a-button type="primary" @click="generateToken"> {{ $t('general.generate') }} </a-button>
+          <button type="submit" class="ant-btn ant-btn-primary">
+            {{ $t('general.generate') }}
+          </button>
         </div>
-      </div>
+      </a-form>
     </div>
   </a-modal>
   <a-modal v-model:visible="showDeleteTokenModal" :closable="false" width="28rem" centered :footer="null">

From 9cd963d37a089bbb9c1a3e16096425861511aa57 Mon Sep 17 00:00:00 2001
From: Asheer Rizvi <asheer.vil@gmail.com>
Date: Sun, 11 Sep 2022 19:25:17 +0530
Subject: [PATCH 2/2] chore: changed button to a-button

---
 packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue b/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
index 6f73b9ec7b..282ad42c54 100644
--- a/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
+++ b/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
@@ -124,9 +124,9 @@ onMounted(() => {
 
         <!-- Generate -->
         <div class="flex flex-row justify-center">
-          <button type="submit" class="ant-btn ant-btn-primary">
+          <a-button type="primary" html-type="submit">
             {{ $t('general.generate') }}
-          </button>
+          </a-button>
         </div>
       </a-form>
     </div>