♻️ (LekaApp): Rework care receiver section header

leka · Feb 22, 2024 · d61ef57 · d61ef57
1 parent 1b6940c
commit d61ef57
Showing 1 changed file with 27 additions and 10 deletions.
diff --git a/Apps/LekaApp/Sources/_NEWCodeBase/Views/Profiles/CarereceiverPicker.swift b/Apps/LekaApp/Sources/_NEWCodeBase/Views/Profiles/CarereceiverPicker.swift
@@ -14,15 +14,33 @@ struct CarereceiverPicker: View {
     var body: some View {
         NavigationStack {
             VStack {
-                ScrollView(showsIndicators: false) {
-                    Label(String(l10n.CarereceiverPicker.subtitle.characters), systemImage: "figure.2.arms.open")
-                        .font(.headline)
-                        .frame(maxWidth: .infinity, alignment: .leading)
-                        .padding(.horizontal)
+                ScrollView(showsIndicators: true) {
+                    HStack(alignment: .center, spacing: 30) {
+                        Image(systemName: "figure.2.arms.open")
+                            .resizable()
+                            .scaledToFit()
+                            .frame(width: 80, height: 80)
+                            .foregroundColor(.accentColor)
+
+                        VStack(alignment: .leading) {
+                            Text(l10n.CarereceiverPicker.title)
+                                .font(.largeTitle)
+                                .fontWeight(.bold)
+
+                            Text(l10n.CarereceiverPicker.subtitle)
+                                .font(.title2)
+
+                            Text(l10n.CarereceiverPicker.description)
+                                .foregroundStyle(.secondary)
+
+                            Divider()
+                                .padding(.top)
+                        }
 
-                    Text(l10n.CarereceiverPicker.description)
-                        .frame(maxWidth: .infinity, alignment: .leading)
-                        .padding(.horizontal)
+                        Spacer()
+                    }
+                    .padding(.horizontal)
+                    .padding()
 
                     LazyVGrid(columns: self.columns, spacing: 40) {
                         ForEach(self.rootOwnerViewModel.mockCarereceiversSet) { carereceiver in
@@ -31,11 +49,10 @@ struct CarereceiverPicker: View {
                             }
                         }
                     }
-                    .padding()
                 }
             }
-            .padding()
             .navigationTitle(String(l10n.CarereceiverPicker.title.characters))
+            .navigationBarTitleDisplayMode(.inline)
             .toolbar {
                 ToolbarItem(placement: .topBarTrailing) {
                     Button {