diff --git a/packages/client/src/components/MkInstanceTicker.vue b/packages/client/src/components/MkInstanceTicker.vue index d23ec39ef..e7cd9547b 100644 --- a/packages/client/src/components/MkInstanceTicker.vue +++ b/packages/client/src/components/MkInstanceTicker.vue @@ -4,6 +4,7 @@ v-tooltip="capitalize(instance.softwareName)" ref="ticker" :style="bg" + @click.stop="os.pageWindow(instanceInfoUrl)" > {{ instance.name }} @@ -14,6 +15,7 @@ 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?: { @@ -22,6 +24,7 @@ const props = defineProps<{ themeColor?: string; softwareName?: string; }; + host: string | null; }>(); let ticker = $ref(null); @@ -38,6 +41,9 @@ const instance = props.instance ?? { softwareName: Instance.softwareName || "Iceshrimp", }; +const instanceInfoUrl = + props.host == null ? "/about" : `/instance-info/${props.host}`; + const capitalize = (s: string) => s && s[0].toUpperCase() + s.slice(1); const computedStyle = getComputedStyle(document.documentElement);