feat: move MFM Cheatsheet button (close #35)

README.md

@@ -21,6 +21,8 @@
 
 ## 細かい変更点
 
+- MFM チートシートのボタンを投稿画面から左下のヘルプメニューに移動
+	- これがあるために投稿画面下部のボタンが 2 段になってしまうことがあるため
 - 「フォローされています」の表示を目立たせられるように
 	- デフォルトの表示は目立たないため
 - 最大 15 件の投稿を固定できるように

packages/client/src/components/MkPostForm.vue

@@ -213,14 +213,6 @@
 				>
 					<i class="ph-plug ph-bold ph-lg"></i>
 				</button>
-				<!--	v-if="showMfmCheatsheet" -->
-				<button
-					v-tooltip="i18n.ts._mfm.cheatSheet"
-					class="_button right"
-					@click="openCheatSheet"
-				>
-					<i class="ph-question ph-bold ph-lg"></i>
-				</button>
 				<div v-if="showBigPostButton">
 					<button
 						class="submit bigPostButton"
@@ -285,7 +277,6 @@ import {
 } from "@/account";
 import { uploadFile } from "@/scripts/upload";
 import { deepClone } from "@/scripts/clone";
-import XCheatSheet from "@/components/MkCheatSheetDialog.vue";
 import { preprocess } from "@/scripts/preprocess";
 
 const modal = inject("modal");
@@ -306,13 +297,11 @@ const props = withDefaults(
 		instant?: boolean;
 		fixed?: boolean;
 		autofocus?: boolean;
-		showMfmCheatSheet?: boolean;
 		editId?: misskey.entities.Note["id"];
 	}>(),
 	{
 		initialVisibleUsers: () => [],
 		autofocus: true,
-		showMfmCheatSheet: true,
 	},
 );
 
@@ -955,10 +944,6 @@ async function insertEmoji(ev: MouseEvent) {
 	os.openEmojiPicker(ev.currentTarget ?? ev.target, {}, textareaEl);
 }
 
-async function openCheatSheet(ev: MouseEvent) {
-	os.popup(XCheatSheet, {}, {}, "closed");
-}
-
 function showActions(ev) {
 	os.popupMenu(
 		postFormActions.map((action) => ({

packages/client/src/components/MkTutorialDialog.vue

@@ -103,10 +103,7 @@
 								</template>
 							</I18n>
 							<br />
-							<XPostForm
-								class="post-form _block"
-								:show-mfm-cheat-sheet="false"
-							/>
+							<XPostForm class="post-form _block" />
 						</section>
 						<section
 							v-else-if="tutorial === 4"

packages/client/src/scripts/helpMenu.ts

@@ -2,7 +2,8 @@ import { defaultStore } from "@/store";
 import { instance } from "@/instance";
 import { host } from "@/config";
 import * as os from "@/os";
-import XTutorial from "../components/MkTutorialDialog.vue";
+import XTutorial from "@/components/MkTutorialDialog.vue";
+import XCheatSheet from "@/components/MkCheatSheetDialog.vue";
 import { i18n } from "@/i18n";
 
 export function openHelpMenu_(ev: MouseEvent) {
@@ -49,6 +50,14 @@ export function openHelpMenu_(ev: MouseEvent) {
 				text: i18n.ts.replayTutorial,
 				icon: "ph-circle-wavy-question ph-bold ph-lg",
 			},
+			{
+				type: "button",
+				text: i18n.ts._mfm.cheatSheet,
+				icon: "ph-question ph-bold ph-lg",
+				action: async () => {
+					os.popup(XCheatSheet, {}, {}, "closed");
+				},
+			},
 			null,
 			{
 				type: "parent",

packages/client/src/widgets/post-form.vue

@@ -1,10 +1,5 @@
 <template>
-	<XPostForm
-		class="_panel mkw-postForm"
-		:fixed="true"
-		:autofocus="false"
-		:show-mfm-cheat-sheet="true"
-	/>
+	<XPostForm class="_panel mkw-postForm" :fixed="true" :autofocus="false" />
 </template>
 
 <script lang="ts" setup>