feat: open server info by clicking the ticker

packages/client/src/components/MkInstanceTicker.vue

@@ -4,6 +4,7 @@
 		v-tooltip="capitalize(instance.softwareName)"
 		class="hpaizdrt"
 		:style="bg"
+		@click.stop="os.pageWindow(instanceInfoUrl)"
 	>
 		<img class="icon" :src="getInstanceIcon(instance)" aria-hidden="true" />
 		<span class="name">{{ instance.name }}</span>
@@ -16,6 +17,7 @@ import { ref } from "vue";
 import { instanceName } from "@/config";
 import { instance as Instance } from "@/instance";
 import { getProxiedImageUrlNullable } from "@/scripts/media-proxy";
+import * as os from "@/os";
 
 const props = defineProps<{
 	instance?: {
@@ -24,6 +26,7 @@ const props = defineProps<{
 		themeColor?: string;
 		softwareName?: string;
 	};
+	host: string | null;
 }>();
 
 const ticker = ref<HTMLElement | null>(null);
@@ -40,6 +43,9 @@ const instance = props.instance ?? {
 	softwareName: Instance.softwareName ?? "Firefish",
 };
 
+const instanceInfoUrl =
+	props.host == null ? "/about" : `/instance-info/${props.host}`;
+
 const commonNames = new Map<string, string>([
 	["birdsitelive", "BirdsiteLIVE"],
 	["bookwyrm", "BookWyrm"],

packages/client/src/components/MkNoteHeader.vue

@@ -40,6 +40,7 @@
 					v-if="showTicker"
 					class="ticker"
 					:instance="note.user.instance"
+					:host="note.user.host"
 				/>
 			</div>
 		</div>