From 4ba756946c6566ee2ea6b0ac6142cede778b53bc Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Fri, 1 Mar 2024 02:11:13 +0900
Subject: [PATCH] feat: add schedule post button to publish widget

---
 components/publish/PublishWidget.vue | 20 +++++++++++++++++++-
 locales/en.json                      |  1 +
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index c0fbf71e..c22c9fc5 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -129,6 +129,8 @@ const expiresInOptions = computed(() => [
 
 const expiresInDefaultOptionIndex = 2
 
+const scheduleDateTime = ref('')
+
 const characterCount = computed(() => {
   const text = htmlToText(editor.value?.getHTML() || '')
 
@@ -456,7 +458,23 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
 
             <PublishEditorTools v-if="editor" :editor="editor" />
 
-            <div flex-auto />
+          <CommonDropdown placement="bottom">
+            <CommonTooltip placement="top" :content="$t('tooltip.schedule_post')" no-auto-focus>
+              <button btn-action-icon :aria-label="$t('tooltip.schedule_post')">
+                <div i-ri:calendar-schedule-line />
+              </button>
+            </CommonTooltip>
+            <template #popper>
+              <input
+                v-model="scheduleDateTime"
+                p2
+                type="datetime-local"
+                name="schedule-datetime"
+              >
+            </template>
+          </CommonDropdown>
+
+          <div flex-auto />
 
             <PublishCharacterCounter :max="characterLimit" :length="characterCount" />
 
diff --git a/locales/en.json b/locales/en.json
index 77bc9708..80017586 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -736,6 +736,7 @@
     "pick_an_icon": "Pick an icon",
     "publish_failed": "Close failed messages at the top of editor to republish posts",
     "remove_thread_item": "Remove item from thread",
+    "schedule_post": "Schedule post",
     "start_thread": "Start thread",
     "toggle_bold": "Toggle bold",
     "toggle_code_block": "Toggle code block",