From fa14ec935c832ddbbdfcbb05e1d280ab2df26679 Mon Sep 17 00:00:00 2001
From: Matt Parker <61717342+MattParkerDev@users.noreply.github.com>
Date: Sun, 17 Aug 2025 11:29:20 +1000
Subject: [PATCH] problems tree view

---
 .../Components/Problems/ProblemsPanel.razor        | 12 +++++++-----
 .../Problems/ProjectProblemComponent.razor         | 14 +++++++-------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/SharpIDE.Photino/Components/Problems/ProblemsPanel.razor b/src/SharpIDE.Photino/Components/Problems/ProblemsPanel.razor
index 6d36189..b11a623 100644
--- a/src/SharpIDE.Photino/Components/Problems/ProblemsPanel.razor
+++ b/src/SharpIDE.Photino/Components/Problems/ProblemsPanel.razor
@@ -1,9 +1,11 @@
 @using SharpIDE.Application.Features.SolutionDiscovery.VsPersistence
-<MudStack Style="height: 100%; overflow-y: scroll">
-	@foreach (var project in SolutionModel.AllProjects)
-	{
-		<ProjectProblemComponent ProjectModel="@project" />
-	}
+<MudStack Style="height: 100%">
+	<MudTreeView T="string" Dense="true" ExpandOnClick="true">
+		@foreach (var project in SolutionModel.AllProjects)
+		{
+			<ProjectProblemComponent ProjectModel="@project"/>
+		}
+	</MudTreeView>
 </MudStack>
 
 @code {
diff --git a/src/SharpIDE.Photino/Components/Problems/ProjectProblemComponent.razor b/src/SharpIDE.Photino/Components/Problems/ProjectProblemComponent.razor
index 3a9fbae..c49ee59 100644
--- a/src/SharpIDE.Photino/Components/Problems/ProjectProblemComponent.razor
+++ b/src/SharpIDE.Photino/Components/Problems/ProjectProblemComponent.razor
@@ -5,13 +5,13 @@
 
 @if (_diagnostics.Length is not 0)
 {
-	@ProjectModel.Name
-	@foreach(var diagnostic in _diagnostics)
-	{
-		<div>
-			<strong>@diagnostic.Id</strong>: @diagnostic.GetMessage()
-		</div>
-	}
+	<MudTreeViewItem T="string" TextTypo="Typo.body2" EndTextTypo="Typo.caption" Expanded="true" Icon="@Icons.Material.Filled.Code" IconColor="Color.Success" Value="@ProjectModel.Name" Text="@ProjectModel.Name" EndText="@($"{_diagnostics.Length} diagnostics")">
+		@foreach (var diagnostic in _diagnostics)
+		{
+			<MudTreeViewItem T="string" TextTypo="Typo.body2" Icon="@Icons.Material.Filled.Folder" IconColor="Color.Primary" Value="@diagnostic.Id" Text="@diagnostic.Id">
+			</MudTreeViewItem>
+		}
+	</MudTreeViewItem>
 }
 
 @code {