Show a message when there are no events user joined

aliencube · Sep 8, 2024 · 3ed727f · 3ed727f
1 parent a0c6a18
commit 3ed727f
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/EventListComponent.razor b/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/EventListComponent.razor
@@ -18,6 +18,16 @@
     }
     else
     {
+        @if (_events.Count == 0)
+        {
+            <FluentGridItem Id="no-events" xs="12" sm="12" Justify="JustifyContent.Center" Style="text-align: center; flex-grow: 1;">
+                <div style="flex-grow: 1; display: flex; padding: 0em; flex-direction: row; align-items: center; align-content: center; justify-content: center;">
+                    <h4>You don’t have any events you have participated in now.</h4>
+                </div>
+            </FluentGridItem>
+        }
+        else
+        {
     @foreach (var e in _events)
     {
             <EventItemComponent Id="@e.EventId"
@@ -26,6 +36,7 @@
         </EventItemComponent>
     }
     }
+    }
 </FluentGrid>
 
 @code {