From adf553183602e5a2872b5f4fbc4d214415b590e2 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Fri, 5 Apr 2024 01:25:56 +0900
Subject: [PATCH] =?UTF-8?q?add(ServerFinder):=20=E6=9C=80=E7=B5=82?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=97=A5=E3=82=92=E8=A1=A8=E7=A4=BA=E3=81=99?=
 =?UTF-8?q?=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/servers/Finder.vue | 6 +++---
 locales/ja-JP.yml             | 1 +
 locales/ja-KS.yml             | 1 +
 pages/servers/index.vue       | 7 ++++++-
 4 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/components/servers/Finder.vue b/components/servers/Finder.vue
index 3c37e15a..9a8d43fb 100644
--- a/components/servers/Finder.vue
+++ b/components/servers/Finder.vue
@@ -149,7 +149,7 @@ import ListIco from 'bi/view-stacked.svg';
 const { t, locale } = useI18n();
 const route = useRoute();
 const emits = defineEmits<{
-    (e: 'load', value?: InstancesStatsObj): void;
+    (e: 'load', value?: InstancesStatsObj, updatedAt?: string): void;
 }>();
 
 // ▼スマホ用ソート▼
@@ -215,7 +215,7 @@ if (data.value?.stats.usersCount) {
         notesCount: data.value.stats.notesCount,
         usersCount: data.value.stats.usersCount,
         instancesCount: data.value.stats.instancesCount,
-    });
+    }, data.value.date);
 }
 
 watch(data, (to) => {
@@ -224,7 +224,7 @@ watch(data, (to) => {
             notesCount: to.stats.notesCount,
             usersCount: to.stats.usersCount,
             instancesCount: to.stats.instancesCount,
-        });
+        }, to.date);
     }
 }, {
     deep: true,
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index bbdb9d3a..8aafdb7f 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -14,6 +14,7 @@ settings: "設定"
 goToLegacyHub: "従来のMisskey Hub"
 contactUs: "お問い合わせ"
 detail: "詳細"
+lastUpdate: "最終更新"
 
 _error:
   notFound: "ページが見つかりませんでした"
diff --git a/locales/ja-KS.yml b/locales/ja-KS.yml
index c29c0992..5df14ce7 100644
--- a/locales/ja-KS.yml
+++ b/locales/ja-KS.yml
@@ -13,6 +13,7 @@ browse: "参照"
 settings: "設定"
 goToLegacyHub: "前のMisskey Hub"
 contactUs: "お問い合わせ"
+lastUpdate: "最終更新"
 
 _error:
   notFound: "ページ食べた"
diff --git a/pages/servers/index.vue b/pages/servers/index.vue
index f85603fd..23071976 100644
--- a/pages/servers/index.vue
+++ b/pages/servers/index.vue
@@ -7,6 +7,9 @@
                 <I18nT scope="global" keypath="_servers.addYourServer" tag="span">
                     <GNuxtLink class="font-bold hover:underline underline-offset-4" to="https://github.com/joinmisskey/api">{{ $t('_servers.addYourServerLink') }}</GNuxtLink>
                 </I18nT>
+                <div class="!mt-2 text-sm p-3 rounded-lg bg-white dark:bg-slate-800 border border-gray-300 dark:border-gray-950">
+                    {{ $t('lastUpdate') }}: {{ updatedAt ? $d(updatedAt) : $t('loading') }}
+                </div>
             </template>
             <template #icon>
                 <div class="relative px-6 py-8">
@@ -63,9 +66,11 @@ const localePath = useGLocalePath();
 const route = useRoute();
 
 const instancesStats = ref<InstancesStatsObj>();
+const updatedAt = shallowRef<Date>();
 
-function setServerStats(val?: InstancesStatsObj) {
+function setServerStats(val?: InstancesStatsObj, updated?: string) {
     instancesStats.value = val;
+    if (updated) updatedAt.value = new Date(updated);
 }
 
 route.meta.title = t('_servers.title');