Implement event link with FluentNavLink

aliencube · Sep 14, 2024 · 3b1684e · 3b1684e
1 parent 99e7989
commit 3b1684e
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/EventItemComponent.razor b/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/EventItemComponent.razor
@@ -1,6 +1,10 @@
-<FluentGridItem Id="@Id" xs="12" sm="6" Justify="JustifyContent.Center" Style="text-align: center;" @onclick="NavigateToEventDetails">
+<FluentGridItem Id="@Id" xs="12" sm="6" Justify="JustifyContent.Center" Style="text-align: center;">
     <FluentCard Style="flex-grow: 1; padding: 0em; display: flex; flex-direction: column; align-items: normal;">
-        <FluentLabel Typo="Typography.PaneHeader" Style="margin-block: 0.5em;">@Title</FluentLabel>
+        <FluentNavLink Href="@($"/events/{Id}")" Style="flex-grow: 0; align-self: center;">
+            <FluentLabel Typo="Typography.PaneHeader" Style="margin-block: 0.5em;">
+                    @Title
+            </FluentLabel>
+        </FluentNavLink>
         <div class="card border" style="background-color: lightsalmon; padding: 1em; padding-inline: 1.5em; flex-grow: 1">
             <div class="card-body">
                 <h5>@Summary</h5>
@@ -18,8 +22,4 @@
 
     [Parameter]
     public string? Summary { get; set; }
-
-    private async Task NavigateToEventDetails()
-    {
-    }
 }