From 62d26a5d0a8bdd6149232afd9c69fd998dad1cfa Mon Sep 17 00:00:00 2001
From: CyberRex <hspwinx86@gmail.com>
Date: Mon, 16 Oct 2023 17:29:46 +0900
Subject: [PATCH] =?UTF-8?q?=E6=8A=95=E7=A8=BF=E3=83=95=E3=82=A9=E3=83=BC?=
 =?UTF-8?q?=E3=83=A0=E3=81=ABNSFW=E3=82=AC=E3=82=A4=E3=83=89=E3=83=A9?=
 =?UTF-8?q?=E3=82=A4=E3=83=B3=E3=81=B8=E3=81=AE=E5=B0=8E=E7=B7=9A=E3=82=92?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0=20(MisskeyIO#182)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 locales/index.d.ts                              |  1 +
 locales/ja-JP.yml                               |  1 +
 packages/frontend/src/components/MkInfo.vue     | 14 ++++++++++----
 packages/frontend/src/components/MkPostForm.vue |  7 +++++++
 4 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/locales/index.d.ts b/locales/index.d.ts
index 3fc1473be1..85d959697d 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -1981,6 +1981,7 @@ export interface Locale {
             "e": string;
             "f": string;
         };
+        "guidelineInfo": string;
     };
     "_profile": {
         "name": string;
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 96b56e28ed..5a194d5c81 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -1897,6 +1897,7 @@ _postForm:
     d: "言いたいことは？"
     e: "ここに書いてください"
     f: "あなたが書くのを待っています..."
+  guidelineInfo: "[NSFWガイドライン]({nsfwGuideUrl})を必ずお読みになってからご利用ください。"
 
 _profile:
   name: "名前"
diff --git a/packages/frontend/src/components/MkInfo.vue b/packages/frontend/src/components/MkInfo.vue
index 37490887e1..302b86e8fb 100644
--- a/packages/frontend/src/components/MkInfo.vue
+++ b/packages/frontend/src/components/MkInfo.vue
@@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<div :class="[$style.root, { [$style.warn]: warn }]">
+<div :class="[$style.root, { [$style.warn]: warn, [$style.rounded]: rounded }]">
 	<i v-if="warn" class="ti ti-alert-triangle" :class="$style.i"></i>
 	<i v-else class="ti ti-info-circle" :class="$style.i"></i>
 	<slot></slot>
@@ -14,9 +14,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { } from 'vue';
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
 	warn?: boolean;
-}>();
+	rounded?: boolean;
+}>(), {
+	rounded: true,
+});
 </script>
 
 <style lang="scss" module>
@@ -25,13 +28,16 @@ const props = defineProps<{
 	font-size: 90%;
 	background: var(--infoBg);
 	color: var(--infoFg);
-	border-radius: var(--radius);
 	white-space: pre-wrap;
 
 	&.warn {
 		background: var(--infoWarnBg);
 		color: var(--infoWarnFg);
 	}
+
+	&.rounded {
+		border-radius: var(--radius);
+	}
 }
 
 .i {
diff --git a/packages/frontend/src/components/MkPostForm.vue b/packages/frontend/src/components/MkPostForm.vue
index 0aa7974ceb..ddc321f6e8 100644
--- a/packages/frontend/src/components/MkPostForm.vue
+++ b/packages/frontend/src/components/MkPostForm.vue
@@ -71,6 +71,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<div v-if="maxTextLength - textLength < 100" :class="['_acrylic', $style.textCount, { [$style.textOver]: textLength > maxTextLength }]">{{ maxTextLength - textLength }}</div>
 	</div>
 	<input v-show="withHashtags" ref="hashtagsInputEl" v-model="hashtags" :class="$style.hashtags" :placeholder="i18n.ts.hashtags" list="hashtags">
+	<MkInfo v-if="files.length > 0" warn :class="$style.guidelineInfo" :rounded="false"><Mfm :text="i18n.t('_postForm.guidelineInfo', { tosUrl: instance.tosUrl, nsfwGuideUrl })"/></MkInfo>
 	<XPostFormAttaches v-model="files" @detach="detachFile" @changeSensitive="updateFileSensitive" @changeName="updateFileName" @replaceFile="replaceFile"/>
 	<MkPollEditor v-if="poll" v-model="poll" @destroyed="poll = null"/>
 	<MkNotePreview v-if="showPreview" :class="$style.preview" :text="text"/>
@@ -189,6 +190,8 @@ let recentHashtags = $ref(JSON.parse(miLocalStorage.getItem('hashtags') ?? '[]')
 let imeText = $ref('');
 let showingOptions = $ref(false);
 
+const nsfwGuideUrl = 'https://go.misskey.io/media-guideline';
+
 const draftKey = $computed((): string => {
 	let key = props.channel ? `channel:${props.channel.id}` : '';
 
@@ -1178,6 +1181,10 @@ defineExpose({
 	color: var(--accent);
 }
 
+.guidelineInfo {
+	margin-top: 8px;
+}
+
 @container (max-width: 500px) {
 	.headerRight {
 		font-size: .9em;