From 33589acaee6530293db504c1364b00c927ec7c74 Mon Sep 17 00:00:00 2001
From: Felix <5724535+FelixGraf@users.noreply.github.com>
Date: Mon, 2 Jan 2023 23:11:43 +0100
Subject: [PATCH] feat: disable change-visibility button when editing status
 (#715)

---
 components/publish/PublishWidget.vue | 6 +++---
 unocss.config.ts                     | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index c029d0d0..f53560e3 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -387,11 +387,11 @@ defineExpose({
           </CommonDropdown>
         </CommonTooltip>
 
-        <CommonTooltip placement="bottom" :content="$t('tooltip.change_content_visibility')">
+        <CommonTooltip placement="bottom" :content="draft.editingStatus ? $t(`visibility.${currentVisibility.value}`) : $t('tooltip.change_content_visibility')">
           <CommonDropdown>
-            <button :aria-label="$t('tooltip.change_content_visibility')" btn-action-icon w-12>
+            <button :disabled="!!draft.editingStatus" :aria-label="$t('tooltip.change_content_visibility')" btn-action-icon :class="{ 'w-12': !draft.editingStatus }">
               <div :class="currentVisibility.icon" />
-              <div i-ri:arrow-down-s-line text-sm text-secondary me--1 />
+              <div v-if="!draft.editingStatus" i-ri:arrow-down-s-line text-sm text-secondary me--1 />
             </button>
 
             <template #popper>
diff --git a/unocss.config.ts b/unocss.config.ts
index 0ee92d8c..615bb193 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -37,7 +37,7 @@ export default defineConfig({
       'btn-solid': 'btn-base px-4 py-2 rounded text-$c-text-btn bg-$c-primary hover:bg-$c-primary-active',
       'btn-outline': 'btn-base px-4 py-2 rounded text-$c-primary border border-$c-primary hover:bg-$c-primary hover:text-inverted',
       'btn-text': 'btn-base px-4 py-2 text-$c-primary hover:text-$c-primary-active',
-      'btn-action-icon': 'btn-base hover:bg-active rounded-full h9 w9 flex items-center justify-center',
+      'btn-action-icon': 'btn-base hover:bg-active rounded-full h9 w9 flex items-center justify-center disabled:bg-transparent disabled:text-$c-text-secondary',
 
       // input
       'input-base-focus': 'focus:outline-none focus:border-$c-primary',