feat: logo next to title (titleLogo)

diced · Jun 2, 2024 · eda7b28 · eda7b28
1 parent fd85ea4
commit eda7b28
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -227,6 +227,10 @@ export default function Layout({ children, config }: { children: React.ReactNode
             hiddenFrom='sm'
           />
 
+          {config.website.titleLogo && (
+            <Avatar src={config.website.titleLogo} alt='Zipline logo' radius='sm' size='md' mr='md' />
+          )}
+
           <Title fw={700}>Zipline</Title>
 
           <div style={{ marginLeft: 'auto' }}>

diff --git a/src/lib/config/read.ts b/src/lib/config/read.ts
@@ -69,6 +69,7 @@ export const rawConfig: any = {
   },
   website: {
     title: undefined,
+    titleLogo: undefined,
     externalLinks: undefined,
     loginBackground: undefined,
     defaultAvatar: undefined,
@@ -179,6 +180,7 @@ export const PROP_TO_ENV = {
   'invites.length': 'INVITES_LENGTH',
 
   'website.title': 'WEBSITE_TITLE',
+  'website.titleLogo': 'WEBSITE_TITLE_LOGO',
   'website.externalLinks': 'WEBSITE_EXTERNAL_LINKS',
   'website.loginBackground': 'WEBSITE_LOGIN_BACKGROUND',
   'website.defaultAvatar': 'WEBSITE_DEFAULT_AVATAR',
@@ -298,6 +300,7 @@ export function readEnv() {
     env('invites.length', 'number'),
 
     env('website.title', 'string'),
+    env('website.titleLogo', 'string'),
     env('website.externalLinks', 'json[]'),
     env('website.loginBackground', 'string'),
     env('website.defaultAvatar', 'string'),

diff --git a/src/lib/config/validate.ts b/src/lib/config/validate.ts
@@ -163,6 +163,7 @@ export const schema = z.object({
   }),
   website: z.object({
     title: z.string().default('Zipline'),
+    titleLogo: z.string().url().nullable().default(null),
     externalLinks: z
       .array(
         z.object({