Add id attributes on sub-elements in event cards

aliencube · Sep 14, 2024 · 9dbeb51 · 9dbeb51
1 parent 585d7c5
commit 9dbeb51
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/EventItemComponent.razor b/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/EventItemComponent.razor
@@ -1,11 +1,11 @@
 <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;">
-        <FluentNavLink Href="@($"/events/{Id}")" Style="flex-grow: 0; align-self: center;">
+    <FluentCard Id="event-title" Style="flex-grow: 1; padding: 0em; display: flex; flex-direction: column; align-items: normal;">
+        <FluentNavLink Id="eventdetails-link" 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: var(--neutral-layer-2); padding: 1em; padding-inline: 1.5em; flex-grow: 1">
+        <div id="event-summary" class="card border" style="background-color: var(--neutral-layer-2); padding: 1em; padding-inline: 1.5em; flex-grow: 1">
             <div class="card-body">
                 <h5>@Summary</h5>
             </div>