feat(publish): add loading icon for sending

zio/stable
三咲智子 Kevin Deng 2023-01-10 21:32:50 +08:00
parent 0ef99f2c8e
commit 81c8a74748
No known key found for this signature in database
GPG Key ID: 69992F2250DFD93E
2 changed files with 4 additions and 2 deletions

View File

@ -260,16 +260,17 @@ defineExpose({
<CommonTooltip id="publish-tooltip" placement="top" :content="$t('tooltip.add_publishable_content')" :disabled="!isPublishDisabled"> <CommonTooltip id="publish-tooltip" placement="top" :content="$t('tooltip.add_publishable_content')" :disabled="!isPublishDisabled">
<button <button
btn-solid rounded-3 text-sm w-full btn-solid rounded-3 text-sm w-full flex="~ gap1" items-center
md:w-fit md:w-fit
class="publish-button" class="publish-button"
:aria-disabled="isPublishDisabled" :aria-disabled="isPublishDisabled"
aria-describedby="publish-tooltip" aria-describedby="publish-tooltip"
@click="publish" @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-if="draft.editingStatus">{{ $t('action.save_changes') }}</span>
<span v-else-if="draft.params.inReplyToId">{{ $t('action.reply') }}</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> </button>
</CommonTooltip> </CommonTooltip>
</div> </div>

View File

@ -347,6 +347,7 @@
"edited": "(Edited)", "edited": "(Edited)",
"editing": "Editing", "editing": "Editing",
"loading": "Loading...", "loading": "Loading...",
"publishing": "Publishing",
"upload_failed": "Upload failed", "upload_failed": "Upload failed",
"uploading": "Uploading..." "uploading": "Uploading..."
}, },