From 164c6505f2f4414e8e68694d2e4921dfd7ffff17 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sun, 19 Apr 2020 17:39:54 +0900
Subject: [PATCH] enhance(client): Use icon instead of text

---
 locales/ja-JP.yml                        | 2 --
 src/client/components/page/page.post.vue | 4 +++-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 787b2e8eeb..29ceb8ebfd 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -352,8 +352,6 @@ unregister: "登録を解除"
 passwordLessLogin: "パスワード無しログイン"
 resetPassword: "パスワードをリセット"
 newPasswordIs: "新しいパスワードは「{password}」です"
-post: "投稿"
-posted: "投稿しました"
 autoReloadWhenDisconnected: "サーバー切断時に自動リロード"
 autoNoteWatch: "ノートの自動ウォッチ"
 autoNoteWatchDescription: "あなたがリアクションしたり返信したりした他のユーザーのノートに関する通知を受け取るようにします。"
diff --git a/src/client/components/page/page.post.vue b/src/client/components/page/page.post.vue
index 4a04ba5225..81269a4f14 100644
--- a/src/client/components/page/page.post.vue
+++ b/src/client/components/page/page.post.vue
@@ -1,12 +1,13 @@
 <template>
 <div class="ngbfujlo">
 	<mk-textarea :value="text" readonly style="margin: 0;"></mk-textarea>
-	<mk-button class="button" primary @click="post()" :disabled="posting || posted">{{ posted ? $t('posted') : $t('post') }}</mk-button>
+	<mk-button class="button" primary @click="post()" :disabled="posting || posted"><fa v-if="posted" :icon="faCheck"/><fa v-else :icon="faPaperPlane"/></mk-button>
 </div>
 </template>
 
 <script lang="ts">
 import Vue from 'vue';
+import { faCheck, faPaperPlane } from '@fortawesome/free-solid-svg-icons';
 import i18n from '../../i18n';
 import MkTextarea from '../ui/textarea.vue';
 import MkButton from '../ui/button.vue';
@@ -31,6 +32,7 @@ export default Vue.extend({
 			text: this.script.interpolate(this.value.text),
 			posted: false,
 			posting: false,
+			faCheck, faPaperPlane
 		};
 	},
 	watch: {