From d9092dc81f545cca98ce5183f8aabdd89205dce0 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Mon, 18 Feb 2019 11:27:15 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=A6=E3=83=BC=E3=82=B6=E3=83=BC=E3=81=8C?=
 =?UTF-8?q?=E5=AD=98=E5=9C=A8=E3=81=97=E3=81=AA=E3=81=84=E5=A0=B4=E5=90=88?=
 =?UTF-8?q?=E3=81=AE=E8=A1=A8=E7=A4=BA=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 locales/ja-JP.yml                                    |  3 +++
 src/client/app/common/views/components/user-list.vue | 10 ++++++++++
 2 files changed, 13 insertions(+)

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 341432f8f..b0ad7f496 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -232,6 +232,9 @@ common/views/pages/explore.vue:
   popular-tags: "人気のタグ"
   federated: "連合"
 
+common/views/components/user-list.vue:
+  no-users: "ユーザーがいません"
+
 common/views/components/games/reversi/reversi.vue:
   matching:
     waiting-for: "{}を待っています"
diff --git a/src/client/app/common/views/components/user-list.vue b/src/client/app/common/views/components/user-list.vue
index 38e17325e..48ca54666 100644
--- a/src/client/app/common/views/components/user-list.vue
+++ b/src/client/app/common/views/components/user-list.vue
@@ -5,6 +5,9 @@
 	<mk-error v-if="!fetching && !inited" @retry="init()"/>
 
 	<div class="efvhhmdq" v-size="[{ lt: 500, class: 'narrow' }]">
+		<div class="no-users" v-if="inited && us.length == 0">
+			<p>{{ $t('no-users') }}</p>
+		</div>
 		<div class="user" v-for="user in us">
 			<mk-avatar class="avatar" :user="user"/>
 			<div class="body">
@@ -26,8 +29,11 @@
 
 <script lang="ts">
 import Vue from 'vue';
+import i18n from '../../../i18n';
 
 export default Vue.extend({
+	i18n: i18n('common/views/components/user-list.vue'),
+
 	props: {
 		makePromise: {
 			required: true
@@ -92,6 +98,10 @@ export default Vue.extend({
 		> .user > .body > .description
 			display none
 
+	> .no-users
+		text-align center
+		color var(--text)
+
 	> .user
 		display flex
 		padding 16px