From 9012792f6c006647defbbe9dc1c13a0fe1e06dc5 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 14 Feb 2026 14:38:15 +0100
Subject: [PATCH 1/2] Account for null discord invite and owner username

---
 src/app/api/types/contact-info.ts             |  4 +--
 src/app/components/ui/footer.component.ts     | 23 +++++++++++------
 .../instance-info.component.html              | 25 ++++++++++++++-----
 3 files changed, 37 insertions(+), 15 deletions(-)

diff --git a/src/app/api/types/contact-info.ts b/src/app/api/types/contact-info.ts
index 3afb914..5624109 100644
--- a/src/app/api/types/contact-info.ts
+++ b/src/app/api/types/contact-info.ts
@@ -1,6 +1,6 @@
 export interface ContactInfo {
     adminName: string;
     emailAddress: string;
-    discordServerInvite: string;
-    adminDiscordUsername: string;
+    discordServerInvite: string | null;
+    adminDiscordUsername: string | null;
 }
diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index 7523f87..e44e145 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -79,13 +79,22 @@ import { RouterLink } from "@angular/router";
               <fa-icon class="pr-1" [icon]="faEnvelope"></fa-icon>
               Email Us ({{ instance.contactInfo.emailAddress }})
             </a>
-            <a [href]="instance.contactInfo.discordServerInvite" class="text-link hover:text-link-hover hover:underline">
-              <fa-icon class="pr-1" [icon]="faSignIn"></fa-icon>
-              Join Our Discord Server
-            </a>
-            <p>
-              You can also contact <span class="italic">{{ instance.contactInfo.adminName }}</span> on Discord at <span class="italic">{{ instance.contactInfo.adminDiscordUsername }}</span>
-            </p>
+            @if (instance.contactInfo.discordServerInvite != null) {
+              <a [href]="instance.contactInfo.discordServerInvite" class="text-link hover:text-link-hover hover:underline">
+                <fa-icon class="pr-1" [icon]="faSignIn"></fa-icon>
+                Join Our Discord Server
+              </a>
+            }
+            @if (instance.contactInfo.adminDiscordUsername != null) {
+              <p>
+                You can also contact <span class="italic">{{ instance.contactInfo.adminName }}</span> on Discord at <span class="italic">{{ instance.contactInfo.adminDiscordUsername }}</span>
+              </p>
+            }
+            @else {
+              <p>
+                Server owner: <span class="italic">{{ instance.contactInfo.adminName }}</span>
+              </p>
+            }
           </div>
         </ng-template>
 
diff --git a/src/app/pages/instance-info/instance-info.component.html b/src/app/pages/instance-info/instance-info.component.html
index 3ad6d7a..adedf2f 100644
--- a/src/app/pages/instance-info/instance-info.component.html
+++ b/src/app/pages/instance-info/instance-info.component.html
@@ -28,12 +28,25 @@ <h2 class="font-bold text-2xl">Server Information</h2>
 
     <h2 class="font-bold text-2xl">Contact Us</h2>
     <p>Owner: <span class="italic">{{ instance.contactInfo.adminName }}</span></p>
-    <p>Owner Discord username: <span class="italic">{{ instance.contactInfo.adminDiscordUsername }}</span></p>
-    <p>Discord server invite: 
-        <a [href]="instance.contactInfo.discordServerInvite" class="text-link hover:text-link-hover hover:underline">
-            {{ instance.contactInfo.discordServerInvite }}
-        </a>
-    </p>
+
+    @if (instance.contactInfo.adminDiscordUsername != null) {
+        <p>Owner Discord username: <span class="italic">{{ instance.contactInfo.adminDiscordUsername }}</span></p>
+    }
+    @else {
+        <p>No Discord username of the owner</p>
+    }
+    
+    @if (instance.contactInfo.discordServerInvite != null) {
+        <p>Discord server invite:
+            <a [href]="instance.contactInfo.discordServerInvite" class="text-link hover:text-link-hover hover:underline">
+                {{ instance.contactInfo.discordServerInvite }}
+            </a>
+        </p>
+    }
+    @else {
+        <p>No Discord server invite</p>
+    }
+    
     <p>Email address: 
         <a [href]="'mailto:' + instance.contactInfo.emailAddress" class="text-link hover:text-link-hover hover:underline">
             {{instance.contactInfo.emailAddress }}

From c76d1232e73cb0a4eb09166c0586539d033afe98 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 14 Feb 2026 14:49:25 +0100
Subject: [PATCH 2/2] Wrap and break owner email address if it's too long

---
 src/app/components/ui/footer.component.ts                | 2 +-
 src/app/pages/instance-info/instance-info.component.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index e44e145..7b3e10b 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -77,7 +77,7 @@ import { RouterLink } from "@angular/router";
             <p class="text-3xl">Get In Touch</p>
             <a [href]="'mailto:' + instance.contactInfo.emailAddress" class="text-link hover:text-link-hover hover:underline">
               <fa-icon class="pr-1" [icon]="faEnvelope"></fa-icon>
-              Email Us ({{ instance.contactInfo.emailAddress }})
+              Email Us <span class="word-wrap-and-break">({{ instance.contactInfo.emailAddress }})</span>
             </a>
             @if (instance.contactInfo.discordServerInvite != null) {
               <a [href]="instance.contactInfo.discordServerInvite" class="text-link hover:text-link-hover hover:underline">
diff --git a/src/app/pages/instance-info/instance-info.component.html b/src/app/pages/instance-info/instance-info.component.html
index adedf2f..464c9d2 100644
--- a/src/app/pages/instance-info/instance-info.component.html
+++ b/src/app/pages/instance-info/instance-info.component.html
@@ -46,9 +46,9 @@ <h2 class="font-bold text-2xl">Contact Us</h2>
     @else {
         <p>No Discord server invite</p>
     }
-    
+
     <p>Email address: 
-        <a [href]="'mailto:' + instance.contactInfo.emailAddress" class="text-link hover:text-link-hover hover:underline">
+        <a [href]="'mailto:' + instance.contactInfo.emailAddress" class="text-link hover:text-link-hover hover:underline word-wrap-and-break">
             {{instance.contactInfo.emailAddress }}
         </a>
     </p>