Addet ToDaySales page

PointOfSale/Pos.Web/Components/Shared/Header.razor

@@ -9,4 +9,4 @@
             "dddd d. MMMM yyyy · HH:mm",
             _danishCulture)
     </time>
-</header>
+</header>

PointOfSale/Pos.Web/Components/Shared/Header.razor.cs

@@ -1,4 +1,4 @@
-using System.Globalization;
+using System.Globalization;
 
 namespace Pos.Web.Components.Shared
 {

PointOfSale/Pos.Web/Components/Shared/MetricList.razor

@@ -0,0 +1,10 @@
+@typeparam TItem
+<div class="metric-list">
+    @if (HeaderContent is not null) { <div class="metric-list__header">@HeaderContent</div> }
+    @foreach (var item in Items) { @RowTemplate(item) }
+</div>
+@code {
+    [Parameter] public IReadOnlyList<TItem> Items { get; set; } = Array.Empty<TItem>();
+    [Parameter] public RenderFragment? HeaderContent { get; set; }
+    [Parameter] public RenderFragment<TItem> RowTemplate { get; set; } = default!;
+}

PointOfSale/Pos.Web/Components/Shared/UiCard.razor

@@ -0,0 +1,12 @@
+<section class="ui-card @Class">
+    @if (!string.IsNullOrWhiteSpace(Title))
+    {
+        <div class="ui-card__header"><h2>@Title</h2></div>
+    }
+    <div class="ui-card__body">@ChildContent</div>
+</section>
+@code {
+    [Parameter] public string Title { get; set; } = string.Empty;
+    [Parameter] public string Class { get; set; } = string.Empty;
+    [Parameter] public RenderFragment? ChildContent { get; set; }
+}