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: enhance(client): Use icon instead of text

---
 src/client/components/page/page.post.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src/client')

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: {
-- 
cgit v1.2.3-freya