From 58853423254f193840de71b78f15db3a4c4c9ab1 Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Wed, 24 Apr 2024 16:09:44 +0530
Subject: [PATCH] fix: copy token

---
 .../routes/dashboard/settings/personal/AccessToken.vue |  8 ++++----
 .../routes/dashboard/settings/personal/Index.vue       | 10 +++++++++-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/personal/AccessToken.vue b/app/javascript/dashboard/routes/dashboard/settings/personal/AccessToken.vue
index 89365816b..2f7d5b5b8 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/personal/AccessToken.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/personal/AccessToken.vue
@@ -25,7 +25,6 @@
 <script setup>
 import FormInput from 'v3/components/Form/Input.vue';
 import FormButton from 'v3/components/Form/Button.vue';
-import { copyTextToClipboard } from 'shared/helpers/clipboard';
 
 const props = defineProps({
   value: {
@@ -34,8 +33,9 @@ const props = defineProps({
   },
 });
 
-const onClick = async e => {
-  e.preventDefault();
-  await copyTextToClipboard(props.value);
+const emit = defineEmits(['on-copy']);
+
+const onClick = () => {
+  emit('on-copy', props.value);
 };
 </script>
diff --git a/app/javascript/dashboard/routes/dashboard/settings/personal/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/personal/Index.vue
index 2891c51c2..8451610da 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/personal/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/personal/Index.vue
@@ -94,7 +94,10 @@
           :show-action-button="false"
         >
           <template #settingsItem>
-            <access-token :value="currentUser.access_token" />
+            <access-token
+              :value="currentUser.access_token"
+              @on-copy="onCopyToken"
+            />
           </template>
         </profile-wrapper>
       </div>
@@ -103,6 +106,7 @@
 </template>
 <script>
 import globalConfigMixin from 'shared/mixins/globalConfigMixin';
+import { copyTextToClipboard } from 'shared/helpers/clipboard';
 import uiSettingsMixin, {
   isEditorHotKeyEnabled,
 } from 'dashboard/mixins/uiSettings';
@@ -243,6 +247,10 @@ export default {
         this.$t('PROFILE_SETTINGS.FORM.SEND_MESSAGE.UPDATE_SUCCESS')
       );
     },
+    async onCopyToken(value) {
+      await copyTextToClipboard(value);
+      this.showAlert(this.$t('COMPONENTS.CODE.COPY_SUCCESSFUL'));
+    },
   },
 };
 </script>