From 43b3524c88a9b423adf00651c6042c9cc6536cff Mon Sep 17 00:00:00 2001
From: naskya <m@naskya.net>
Date: Thu, 20 Jul 2023 23:40:52 +0000
Subject: [PATCH] feat: show software versions on hovering over instance
 tickers (close #31)

---
 README.md                                           | 2 ++
 packages/client/src/components/MkInstanceTicker.vue | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 6fdc5d43..fec88e87 100644
--- a/README.md
+++ b/README.md
@@ -17,6 +17,8 @@
 
 ## 細かい変更点
 
+- インスタンスティッカーのツールチップにソフトウェアのバージョン番号も表示する
+  - 気になるから
 - いいねボタン（リアクションピッカーの左にある、⭐とか👍のリアクションをワンクリックで押せるやつ）で空のリアクション（Mastodon がふぁぼで送ってくるものと同じ）ではなく本当にその絵文字リアクション（⭐とか👍とか）を送るようにする
   - 最新の Misskey ではデフォルトリアクションが❤️になったため空のリアクションを送ると❤️として表示されてしまうが、❤️は ℒℴ𝓋ℯ... という気持ちを伝えるためのリアクションであってただの「いいね」とは異なるため、このボタンで❤️は送りたくないから
 - 通知の表示を簡潔にする
diff --git a/packages/client/src/components/MkInstanceTicker.vue b/packages/client/src/components/MkInstanceTicker.vue
index 9e14e3d8..405f571b 100644
--- a/packages/client/src/components/MkInstanceTicker.vue
+++ b/packages/client/src/components/MkInstanceTicker.vue
@@ -1,7 +1,9 @@
 <template>
 	<div
 		class="hpaizdrt"
-		v-tooltip="capitalize(instance.softwareName)"
+		v-tooltip="
+			`${capitalize(instance.softwareName)} ${instance.softwareVersion}`
+		"
 		ref="ticker"
 		:style="bg"
 	>
@@ -21,6 +23,7 @@ const props = defineProps<{
 		name: string;
 		themeColor?: string;
 		softwareName?: string;
+		softwareVersion?: string;
 	};
 }>();
 
@@ -36,6 +39,7 @@ const instance = props.instance ?? {
 		) as HTMLMetaElement
 	)?.content,
 	softwareName: Instance.softwareName || "Firefish",
+	softwareVersion: Instance.softwareVersion,
 };
 
 const capitalize = (s: string) => s && s[0].toUpperCase() + s.slice(1);