From 6acc8388506cd3e99fe4626f044034cc4444b89b Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Sun, 27 Nov 2022 13:43:04 +0100
Subject: [PATCH] feat: add tooltip to change content visibility  dropdown
 (#170)

---
 components/publish/PublishWidget.vue | 43 +++++++++++++++-------------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index 1cee84ce..af1bf759 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -232,27 +232,30 @@ onUnmounted(() => {
             </button>
           </CommonTooltip>
 
-          <CommonDropdown>
-            <button btn-action-icon w-12>
-              <div :class="currentVisibility.icon" />
-              <div i-ri:arrow-down-s-line text-sm text-secondary mr--1 />
-            </button>
+          <CommonTooltip placement="bottom" content="Change content visibility">
+            <CommonDropdown>
+              <button btn-action-icon w-12>
+                <div :class="currentVisibility.icon" />
+                <div i-ri:arrow-down-s-line text-sm text-secondary mr--1 />
+              </button>
+
+              <template #popper>
+                <CommonDropdownItem
+                  v-for="visibility in STATUS_VISIBILITIES"
+                  :key="visibility.value"
+                  :icon="visibility.icon"
+                  :checked="visibility.value === draft.params.visibility"
+                  @click="chooseVisibility(visibility.value)"
+                >
+                  {{ visibility.label }}
+                  <template #description>
+                    {{ visibility.description }}
+                  </template>
+                </CommonDropdownItem>
+              </template>
+            </CommonDropdown>
+          </CommonTooltip>
 
-            <template #popper>
-              <CommonDropdownItem
-                v-for="visibility in STATUS_VISIBILITIES"
-                :key="visibility.value"
-                :icon="visibility.icon"
-                :checked="visibility.value === draft.params.visibility"
-                @click="chooseVisibility(visibility.value)"
-              >
-                {{ visibility.label }}
-                <template #description>
-                  {{ visibility.description }}
-                </template>
-              </CommonDropdownItem>
-            </template>
-          </CommonDropdown>
           <button
             btn-solid rounded-full text-sm
             :disabled="!isExistDraft || isUploading || (draft.attachments.length === 0 && !draft.params.status)"