feat(aside): beta token

Novout · Oct 2, 2021 · 7803488 · 7803488
1 parent 62f1a61
commit 7803488
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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">