wip

Workouts/Utils/BadgeView.swift

@@ -0,0 +1,24 @@
+//
+// BadgeView.swift
+// Workouts
+//
+// Created by rzen on 7/14/25 at 2:20 PM.
+//
+// Copyright 2025 Rouslan Zenetl. All Rights Reserved.
+//
+
+import SwiftUI
+
+struct BadgeView: View {
+    
+    var badge: Badge
+    
+    var body: some View {
+        Text("\(badge.text)")
+            .bold()
+            .padding([.leading,.trailing], 5)
+            .background(badge.color)
+            .foregroundColor(.white)
+            .cornerRadius(4)
+    }
+}

Workouts/Utils/ListItem.swift

@@ -10,7 +10,8 @@
 import SwiftUI
 
 struct ListItem: View {
-    var title: String
+    var title: String?
+    var text: String?
     var subtitle: String?
     var count: Int?
     var badges: [Badge]? = []
@@ -18,17 +19,18 @@ struct ListItem: View {
     var body: some View {
         HStack {
             VStack (alignment: .leading) {
-                Text("\(title)")
-                    .font(.headline)
+                if let title = title {
+                    Text("\(title)")
+                        .font(.headline)
+                } else if let text = text {
+                    Text("\(text)")
+                } else {
+                    Text("Untitled")
+                }
                 HStack (alignment: .bottom) {
                     if let badges = badges {
                         ForEach (badges, id: \.self) { badge in
-                            Text("\(badge.text)")
-                                .bold()
-                                .padding([.leading,.trailing], 5)
-                                .background(badge.color)
-                                .foregroundColor(.white)
-                                .cornerRadius(4)
+                            BadgeView(badge: badge)
                         }
                     }
                     if let subtitle = subtitle {
@@ -44,6 +46,7 @@ struct ListItem: View {
                     .foregroundColor(.gray)
             }
         }
+        .frame(height: 40)
         .frame(maxWidth: .infinity, alignment: .leading)
         .contentShape(Rectangle())
     }