From f6c34e9120cc9a4893443c08f613e61f15f57e52 Mon Sep 17 00:00:00 2001
From: ayo <ramon.aycojr@gmail.com>
Date: Mon, 28 Apr 2025 10:32:56 +0200
Subject: [PATCH] feat: show server info on aside when not signed in (#3274)

---
 layouts/default.vue        | 12 +++++++++++-
 pages/[[server]]/index.vue | 15 +++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 pages/[[server]]/index.vue

diff --git a/layouts/default.vue b/layouts/default.vue
index 2d64b6cf..4aa326eb 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -12,6 +12,7 @@ const showUserPicker = logicAnd(
 )
 
 const isGrayscale = usePreferences('grayscaleMode')
+const instance = instanceStorage.value[currentServer.value]
 </script>
 
 <template>
@@ -63,8 +64,17 @@ const isGrayscale = usePreferences('grayscaleMode')
         <div sticky top-0 h-100dvh flex="~ col" gap-2 py3 ms-2>
           <slot name="right">
             <SearchWidget mt-4 mx-1 hidden xl:block />
-            <div flex-auto />
 
+            <!-- server info -->
+            <div v-if="!currentUser" grid gap-3 m3>
+              <span text-size-lg text-primary font-bold>{{ instance.title }}</span>
+              <img rounded-3 :src="instance.thumbnail.url">
+              <p text-secondary>
+                {{ instance.description }}
+              </p>
+            </div>
+
+            <div flex-auto />
             <PwaPrompt />
             <PwaInstallPrompt />
             <LazyCommonPreviewPrompt v-if="info.env === 'preview'" />
diff --git a/pages/[[server]]/index.vue b/pages/[[server]]/index.vue
new file mode 100644
index 00000000..3f16bbdd
--- /dev/null
+++ b/pages/[[server]]/index.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+const instance = instanceStorage.value[currentServer.value]
+try {
+  clearError({ redirect: currentUser.value ? '/home' : `/${currentServer.value}/public/local` })
+}
+catch (err) {
+  console.error(err)
+}
+</script>
+
+<template>
+  <MainContent text-base grid gap-3 m3>
+    <img rounded-3 :src="instance.thumbnail.url">
+  </MainContent>
+</template>