From 81c8a74748884f2917dd265fffe9680bb62d4384 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Tue, 10 Jan 2023 21:32:50 +0800
Subject: [PATCH] feat(publish): add loading icon for sending

---
 components/publish/PublishWidget.vue | 5 +++--
 locales/en-US.json                   | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index e5d54423..3bd8c8b3 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -260,16 +260,17 @@ defineExpose({
 
         <CommonTooltip id="publish-tooltip" placement="top" :content="$t('tooltip.add_publishable_content')" :disabled="!isPublishDisabled">
           <button
-            btn-solid rounded-3 text-sm w-full
+            btn-solid rounded-3 text-sm w-full flex="~ gap1" items-center
             md:w-fit
             class="publish-button"
             :aria-disabled="isPublishDisabled"
             aria-describedby="publish-tooltip"
             @click="publish"
           >
+            <div v-if="isSending" i-ri:loader-2-fill animate-spin />
             <span v-if="draft.editingStatus">{{ $t('action.save_changes') }}</span>
             <span v-else-if="draft.params.inReplyToId">{{ $t('action.reply') }}</span>
-            <span v-else>{{ $t('action.publish') }}</span>
+            <span v-else>{{ !isSending ? $t('action.publish') : $t('state.publishing') }}</span>
           </button>
         </CommonTooltip>
       </div>
diff --git a/locales/en-US.json b/locales/en-US.json
index 779a0477..4f02bd75 100644
--- a/locales/en-US.json
+++ b/locales/en-US.json
@@ -347,6 +347,7 @@
     "edited": "(Edited)",
     "editing": "Editing",
     "loading": "Loading...",
+    "publishing": "Publishing",
     "upload_failed": "Upload failed",
     "uploading": "Uploading..."
   },