From 7803488874b8194a43e9da590cd57ebc52777030 Mon Sep 17 00:00:00 2001
From: Novout <novout@hotmail.com>
Date: Sat, 2 Oct 2021 18:46:09 -0300
Subject: [PATCH] feat(aside): beta token

---
 src/components/editor/aside/AsideText.vue      | 18 +++++++++++++++++-
 .../aside/integrations/AsideDropboxLoad.vue    |  1 +
 .../aside/integrations/AsideDropboxSave.vue    |  2 ++
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/editor/aside/AsideText.vue b/src/components/editor/aside/AsideText.vue
index be9db9d5f..ba2a7a528 100644
--- a/src/components/editor/aside/AsideText.vue
+++ b/src/components/editor/aside/AsideText.vue
@@ -1,13 +1,19 @@
 <template>
   <div
     class="wb-aside-button cursor-pointer flex items-center"
-    :class="[props.shortcuts ? 'justify-between' : 'justify-start']"
+    :class="[props.enable ? 'justify-between' : 'justify-start']"
   >
     <section class="flex items-center justify-start">
       <slot v-if="icon"></slot>
       <p>{{ props.text }}</p>
     </section>
     <p class="mr-2 text-2xs lg:text-2xs xl:text-xs">{{ props.shortcuts }}</p>
+    <section
+      v-if="props.beta"
+      class="bg-gray-300 mr-2 dark:bg-gray-800 wb-text px-2 rounded-2xl"
+    >
+      BETA
+    </section>
   </div>
 </template>
 
@@ -17,6 +23,11 @@
       required: false,
       type: String,
     },
+    enable: {
+      required: false,
+      type: Boolean,
+      default: true,
+    },
     text: {
       required: false,
       type: String,
@@ -27,5 +38,10 @@
       type: Boolean,
       default: false,
     },
+    beta: {
+      required: false,
+      type: Boolean,
+      default: false,
+    },
   })
 </script>
diff --git a/src/components/editor/aside/integrations/AsideDropboxLoad.vue b/src/components/editor/aside/integrations/AsideDropboxLoad.vue
index 595843454..03d7923a0 100644
--- a/src/components/editor/aside/integrations/AsideDropboxLoad.vue
+++ b/src/components/editor/aside/integrations/AsideDropboxLoad.vue
@@ -3,6 +3,7 @@
     class="wb-aside-button"
     :text="t('editor.aside.dropbox.load')"
     :icon="true"
+    :beta="true"
     @click.prevent="onClick"
   >
     <HeroIcon class="mr-2">
diff --git a/src/components/editor/aside/integrations/AsideDropboxSave.vue b/src/components/editor/aside/integrations/AsideDropboxSave.vue
index 19c02891b..b2326ea3b 100644
--- a/src/components/editor/aside/integrations/AsideDropboxSave.vue
+++ b/src/components/editor/aside/integrations/AsideDropboxSave.vue
@@ -3,6 +3,8 @@
     class="wb-aside-button"
     :text="t('editor.aside.dropbox.save')"
     :icon="true"
+    :beta="true"
+    :enable="true"
     @click.prevent="onClick"
   >
     <HeroIcon class="mr-2">