From 8a28874dfd2f3fccd27cf63790d76cfc81c35b3e Mon Sep 17 00:00:00 2001
From: pancakes <trypancakes@tutanota.com>
Date: Sat, 29 Mar 2025 16:06:00 +1000
Subject: [PATCH] [frontend/pages] Add loading and error state views to about
 page

---
 Iceshrimp.Frontend/Pages/About.razor     | 12 ++++++++++++
 Iceshrimp.Frontend/Pages/About.razor.css |  7 +++++++
 2 files changed, 19 insertions(+)

diff --git a/Iceshrimp.Frontend/Pages/About.razor b/Iceshrimp.Frontend/Pages/About.razor
index 40da79b0..7368343b 100644
--- a/Iceshrimp.Frontend/Pages/About.razor
+++ b/Iceshrimp.Frontend/Pages/About.razor
@@ -43,6 +43,18 @@
 {
     <i>Not found</i>
 }
+@if (State == State.Loading)
+{
+    <HeadTitle Text="@Loc["Loading"]"/>
+
+    <div class="loading"><LoadingSpinner Scale="2" /></div>
+}
+@if (State == State.Error)
+{
+    <HeadTitle Text="@Loc["Error"]"/>
+
+    <div>Failure</div>
+}
 
 @code {
     [Parameter] public string?                          NoteId    { get; set; }
diff --git a/Iceshrimp.Frontend/Pages/About.razor.css b/Iceshrimp.Frontend/Pages/About.razor.css
index 72337c59..85401c49 100644
--- a/Iceshrimp.Frontend/Pages/About.razor.css
+++ b/Iceshrimp.Frontend/Pages/About.razor.css
@@ -11,4 +11,11 @@ summary {
 
 summary:hover {
     background-color: var(--hover-color);
+}
+
+.loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-top: 25vh;
 }
\ No newline at end of file