From ad4af9a9466d7322f95883d440ca8a7a976f44f9 Mon Sep 17 00:00:00 2001
From: Skystryder <sky@chakat.ca>
Date: Sat, 28 Jan 2023 18:56:48 -0800
Subject: [PATCH] Show MFM Cheatsheet on note dialogue.

---
 packages/client/src/components/MkPostForm.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/client/src/components/MkPostForm.vue b/packages/client/src/components/MkPostForm.vue
index 4c1388418..ace079b25 100644
--- a/packages/client/src/components/MkPostForm.vue
+++ b/packages/client/src/components/MkPostForm.vue
@@ -54,6 +54,7 @@
 			<button v-tooltip="i18n.ts.hashtags" class="_button" :class="{ active: withHashtags }" @click="withHashtags = !withHashtags"><i class="ph-hash-bold ph-lg"></i></button>
 			<button v-tooltip="i18n.ts.emoji" class="_button" @click="insertEmoji"><i class="ph-smiley-bold ph-lg"></i></button>
 			<button v-if="postFormActions.length > 0" v-tooltip="i18n.ts.plugin" class="_button" @click="showActions"><i class="ph-plug-bold ph-lg"></i></button>
+			<button v-tooltip="i18n.ts._mfm.cheatSheet" class="_button right" @click="openCheatSheet"><i class="ph-question-bold ph-lg"></i></button>
 		</footer>
 		<datalist id="hashtags">
 			<option v-for="hashtag in recentHashtags" :key="hashtag" :value="hashtag"/>
@@ -90,6 +91,7 @@ import { instance } from '@/instance';
 import { $i, getAccounts, openAccountMenu as openAccountMenu_ } from '@/account';
 import { uploadFile } from '@/scripts/upload';
 import { deepClone } from '@/scripts/clone';
+import MfmCheatSheet from '@/pages/mfm-cheat-sheet.vue';
 
 const modal = inject('modal');
 
@@ -624,6 +626,10 @@ async function insertEmoji(ev: MouseEvent) {
 	os.openEmojiPicker(ev.currentTarget ?? ev.target, {}, textareaEl);
 }
 
+async function openCheatSheet(ev: MouseEvent) {
+  window.open(url + '/mfm-cheat-sheet', '_blank');
+}
+
 function showActions(ev) {
 	os.popupMenu(postFormActions.map(action => ({
 		text: action.title,
@@ -711,6 +717,9 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
+.right {
+	float:right
+}
 .gafaadew {
 	position: relative;