wip

locales/index.d.ts

@@ -5565,6 +5565,10 @@ export interface Locale extends ILocale {
      * {x}に投稿を予約します
      */
     "scheduleToPostOnX": ParameterizedString<"x">;
+    /**
+     * {x}に投稿が予約されています
+     */
+    "scheduledToPostOnX": ParameterizedString<"x">;
     /**
      * 予約
      */
@@ -12673,6 +12677,10 @@ export interface Locale extends ILocale {
          * 予約投稿一覧
          */
         "listScheduledNotes": string;
+        /**
+         * 予約解除
+         */
+        "cancelSchedule": string;
     };
     /**
      * 二次元コード

locales/ja-JP.yml

@@ -1386,6 +1386,7 @@ thankYouForTestingBeta: "ベータ版の検証にご協力いただきありが
 createUserSpecifiedNote: "ユーザー指定ノートを作成"
 schedulePost: "投稿を予約"
 scheduleToPostOnX: "{x}に投稿を予約します"
+scheduledToPostOnX: "{x}に投稿が予約されています"
 schedule: "予約"
 scheduled: "予約"
 
@@ -3393,6 +3394,7 @@ _drafts:
   listDrafts: "下書き一覧"
   schedule: "投稿予約"
   listScheduledNotes: "予約投稿一覧"
+  cancelSchedule: "予約解除"
 
 qr: "二次元コード"
 _qr:

packages/frontend/src/components/MkNoteDraftsDialog.vue

@@ -54,6 +54,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 							:class="[$style.draft]"
 						>
 							<div :class="$style.draftBody" class="_gaps_s">
+								<MkInfo v-if="draft.scheduledAt != null && draft.isActuallyScheduled">{{ i18n.tsx.scheduledToPostOnX({ x: new Date(draft.scheduledAt).toLocaleString() }) }}</MkInfo>
 								<div :class="$style.draftInfo">
 									<div :class="$style.draftMeta">
 										<div v-if="draft.reply" class="_nowrap">
@@ -107,8 +108,19 @@ SPDX-License-Identifier: AGPL-3.0-only
 									<MkTime :time="draft.createdAt" :class="$style.draftCreatedAt" mode="detail" colored/>
 								</div>
 							</div>
+
 							<div :class="$style.draftActions" class="_buttons">
 								<MkButton
+									v-if="draft.scheduledAt != null && draft.isActuallyScheduled"
+									:class="$style.itemButton"
+									small
+									@click="cancelSchedule(draft)"
+								>
+									<i class="ti ti-calendar-x"></i>
+									{{ i18n.ts._drafts.cancelSchedule }}
+								</MkButton>
+								<MkButton
+									v-else
 									:class="$style.itemButton"
 									small
 									@click="restoreDraft(draft)"
@@ -116,14 +128,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 									<i class="ti ti-corner-up-left"></i>
 									{{ i18n.ts._drafts.restore }}
 								</MkButton>
-								<MkButton
-									:class="$style.itemButton"
-									small
-									@click="schedule(draft)"
-								>
-									<i class="ti ti-calendar-time"></i>
-									{{ i18n.ts._drafts.schedule }}
-								</MkButton>
 								<MkButton
 									v-tooltip="i18n.ts._drafts.delete"
 									danger
@@ -158,6 +162,7 @@ import { $i } from '@/i.js';
 import { misskeyApi } from '@/utility/misskey-api';
 import { Paginator } from '@/utility/paginator.js';
 import MkTabs from '@/components/MkTabs.vue';
+import MkInfo from '@/components/MkInfo.vue';
 
 const props = defineProps<{
 	scheduled?: boolean;