UserComponent 10 Benutzer anzeigen design fehlt noch

Client/Components/UserComponent.razor

@@ -1,6 +1,23 @@
-<h3>@user.DisplayName</h3>
+@inject FileService fileService
+
+<div>
+    <img src=@profilePictureUrl />
+    <h4>@user.DisplayName</h4>
+    <p>@user.Settings["Jahrgang"] - @user.Settings["Fachrichtung"]</p>
+</div>
 
 @code {
     [Parameter]
     public User user { get; set; }
+
+    private string profilePictureUrl = "";
+
+    protected override async Task OnInitializedAsync()
+    {
+        if(user.PhotoFileId != null)
+        {
+            File f = await fileService.GetFileAsync(user.PhotoFileId);
+            profilePictureUrl = f.Url;
+        }
+    }
 }