From a990011311f046f8f642df74d235c4298f962de9 Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <mail@tsommer.org>
Date: Tue, 28 May 2024 20:46:44 +0200
Subject: [PATCH] Added a mud text list component

---
 .../Components/Blocks/MudTextList.razor       |  8 +++++++
 .../Components/Blocks/MudTextList.razor.cs    | 22 +++++++++++++++++++
 app/MindWork AI Studio/wwwroot/app.css        |  4 ++++
 3 files changed, 34 insertions(+)
 create mode 100644 app/MindWork AI Studio/Components/Blocks/MudTextList.razor
 create mode 100644 app/MindWork AI Studio/Components/Blocks/MudTextList.razor.cs

diff --git a/app/MindWork AI Studio/Components/Blocks/MudTextList.razor b/app/MindWork AI Studio/Components/Blocks/MudTextList.razor
new file mode 100644
index 0000000..2c42cc2
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Blocks/MudTextList.razor	
@@ -0,0 +1,8 @@
+<MudList Clickable="@this.Clickable" Class="@this.Classes">
+    @foreach(var item in this.Items)
+    {
+        <MudListItem Icon="@this.Icon" Style="display: flex; align-items: flex-start;">
+            <MudText Typo="Typo.body1" Style="text-align: justify; hyphens: auto;"><b>@item.Header:</b> @item.Text</MudText>
+        </MudListItem>
+    }
+</MudList>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Blocks/MudTextList.razor.cs b/app/MindWork AI Studio/Components/Blocks/MudTextList.razor.cs
new file mode 100644
index 0000000..4c94284
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Blocks/MudTextList.razor.cs	
@@ -0,0 +1,22 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class MudTextList : ComponentBase
+{
+    [Parameter]
+    public bool Clickable { get; set; }
+
+    [Parameter]
+    public IList<TextItem> Items { get; set; } = [];
+
+    [Parameter]
+    public string Icon { get; set; } = Icons.Material.Filled.CheckCircle;
+    
+    [Parameter]
+    public string Class { get; set; } = "";
+    
+    private string Classes => $"mud-text-list {this.Class}";
+}
+
+public readonly record struct TextItem(string Header, string Text);
\ No newline at end of file
diff --git a/app/MindWork AI Studio/wwwroot/app.css b/app/MindWork AI Studio/wwwroot/app.css
index ba1d244..4bb06c5 100644
--- a/app/MindWork AI Studio/wwwroot/app.css	
+++ b/app/MindWork AI Studio/wwwroot/app.css	
@@ -29,4 +29,8 @@
     font-style: normal;
     font-weight: 700;
     src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+.mud-text-list .mud-list-item-icon {
+    margin-top: 4px;
 }
\ No newline at end of file