Moved all the Profile UI files into their own Profile module.

BeReal.xcodeproj/project.pbxproj

@@ -14,8 +14,6 @@
 		02AE650029363DC1005A4AF3 /* BeRealTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 02AE64FF29363DC1005A4AF3 /* BeRealTests.swift */; };
 		02AE650A29363DC1005A4AF3 /* BeRealUITests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 02AE650929363DC1005A4AF3 /* BeRealUITests.swift */; };
 		02AE650C29363DC1005A4AF3 /* BeRealUITestsLaunchTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 02AE650B29363DC1005A4AF3 /* BeRealUITestsLaunchTests.swift */; };
-		02CE5562293B452E00730DC9 /* ProfileView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 02CE5561293B452E00730DC9 /* ProfileView.swift */; };
-		02CE5565293B517700730DC9 /* NameAndValueLabelStyle.swift in Sources */ = {isa = PBXBuildFile; fileRef = 02CE5564293B517700730DC9 /* NameAndValueLabelStyle.swift */; };
 		02FFFD7B29395DD200306533 /* String+Constants.swift in Sources */ = {isa = PBXBuildFile; fileRef = 02FFFD7A29395DD200306533 /* String+Constants.swift */; };
 		4694AAA0293A7C8800D54903 /* Modules in Frameworks */ = {isa = PBXBuildFile; productRef = 4694AA9F293A7C8800D54903 /* Modules */; };
 /* End PBXBuildFile section */
@@ -49,8 +47,6 @@
 		02AE650529363DC1005A4AF3 /* BeRealUITests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = BeRealUITests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
 		02AE650929363DC1005A4AF3 /* BeRealUITests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BeRealUITests.swift; sourceTree = "<group>"; };
 		02AE650B29363DC1005A4AF3 /* BeRealUITestsLaunchTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BeRealUITestsLaunchTests.swift; sourceTree = "<group>"; };
-		02CE5561293B452E00730DC9 /* ProfileView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ProfileView.swift; sourceTree = "<group>"; };
-		02CE5564293B517700730DC9 /* NameAndValueLabelStyle.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = NameAndValueLabelStyle.swift; sourceTree = "<group>"; };
 		02FFFD7A29395DD200306533 /* String+Constants.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "String+Constants.swift"; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
@@ -147,27 +143,9 @@
 			path = Profile;
 			sourceTree = "<group>";
 		};
-		02CE5560293B452400730DC9 /* Views */ = {
-			isa = PBXGroup;
-			children = (
-				02CE5561293B452E00730DC9 /* ProfileView.swift */,
-			);
-			path = Views;
-			sourceTree = "<group>";
-		};
-		02CE5563293B516600730DC9 /* Styles */ = {
-			isa = PBXGroup;
-			children = (
-				02CE5564293B517700730DC9 /* NameAndValueLabelStyle.swift */,
-			);
-			path = Styles;
-			sourceTree = "<group>";
-		};
 		02FFFD7929395DBF00306533 /* Extensions */ = {
 			isa = PBXGroup;
 			children = (
-				02CE5563293B516600730DC9 /* Styles */,
-				02CE5560293B452400730DC9 /* Views */,
 				02FFFD7A29395DD200306533 /* String+Constants.swift */,
 			);
 			path = Extensions;
@@ -314,10 +292,8 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				02CE5562293B452E00730DC9 /* ProfileView.swift in Sources */,
 				02AE64F129363DBF005A4AF3 /* ContentView.swift in Sources */,
 				02AE64EF29363DBF005A4AF3 /* BeRealApp.swift in Sources */,
-				02CE5565293B517700730DC9 /* NameAndValueLabelStyle.swift in Sources */,
 				02FFFD7B29395DD200306533 /* String+Constants.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;

BeReal/ContentView.swift

@@ -9,6 +9,7 @@
 import SwiftUI
 import Browse
 import Login
+import Profile
 
 struct ContentView: View {
     var body: some View {
@@ -16,7 +17,7 @@ struct ContentView: View {
             BrowseView()
         }
         .sheet(isPresented: .constant(true)) {
-            LoginView()
+            ProfileView()
         }
     }
 }

Modules/Package.swift

@@ -13,7 +13,8 @@ let package = Package(
             name: "Modules",
             targets: [
                 "Login",
-                "Browse"
+                "Browse",
+                "Profile"
             ]
         ),
     ],
@@ -25,6 +26,10 @@ let package = Package(
         .target(
             name: "Browse",
             resources: [.process("Resources")]
+        ),
+        .target(
+            name: "Profile",
+            resources: [.process("Resources")]
         )
     ]
 )

Modules/Sources/Profile/Resources/en.lproj/Localizable.strings

@@ -0,0 +1,19 @@
+/* 
+  Localizable.strings
+  Profile
+
+  Created by Javier Cicchelli on 03/12/2022.
+  Copyright © 2022 Röck+Cöde. All rights reserved.
+*/
+
+"profile.sections.names.header.text" = "Names";
+"profile.sections.names.label.first_name.text" = "First name";
+"profile.sections.names.label.last_name.text" = "Last name";
+
+"profile.sections.root_info.header.text" = "Root item information";
+"profile.sections.root_info.label.identifier.text" = "Identifier";
+"profile.sections.root_info.label.is_directory.text" = "Is a directory?";
+"profile.sections.root_info.label.last_modified.text" = "Last modified";
+"profile.sections.root_info.label.name.text" = "Name";
+
+"profile.button.log_out.text" = "Log out";

Modules/Sources/Profile/UI/Components/ClearBackgroundList.swift

@@ -0,0 +1,48 @@
+//
+//  ClearBackgroundList.swift
+//  Profile
+//
+//  Created by Javier Cicchelli on 03/12/2022.
+//  Copyright © 2022 Röck+Cöde. All rights reserved.
+//
+
+import SwiftUI
+
+struct ClearBackgroundList<Content>: View where Content: View {
+    
+    // MARK: Properties
+    
+    @ViewBuilder let content: Content
+    
+    // MARK: Body
+    
+    var body: some View {
+        if #available(iOS 16.0, *) {
+            List{
+                content
+            }
+            .scrollContentBackground(.hidden)
+            .scrollIndicators(.hidden)
+        } else {
+            List {
+                content
+            }
+            .onAppear {
+                UITableView.appearance().backgroundColor = .clear
+                UITableView.appearance().showsVerticalScrollIndicator = false
+            }
+        }
+    }
+    
+}
+
+// MARK: - Previews
+
+struct ClearBackgroundList_Previews: PreviewProvider {
+    static var previews: some View {
+        ClearBackgroundList {
+            Text("Something...")
+        }
+        .background(Color.red)
+    }
+}

Modules/Sources/Profile/UI/Views/ProfileView.swift

@@ -8,9 +8,16 @@
 
 import SwiftUI
 
-struct ProfileView: View {
+public struct ProfileView: View {
-    var body: some View {
+    
-        List {
+    // MARK: Initialisers
+    
+    public init() {}
+    
+    // MARK: Body
+    
+    public var body: some View {
+        ClearBackgroundList {
             Section {
                 Image.photo
                     .resizable()
@@ -24,73 +31,105 @@ struct ProfileView: View {
                 Label {
                     Text("Javier")
                 } icon: {
-                    Text("First name")
+                    Text(
+                        "profile.sections.names.label.first_name.text",
+                        bundle: .module,
+                        comment: "First name label text."
+                    )
                 }
                 .labelStyle(.nameAndValue)
                 
                 Label {
                     Text("Cicchelli")
                 } icon: {
-                    Text("Last name")
+                    Text(
+                        "profile.sections.names.label.last_name.text",
+                        bundle: .module,
+                        comment: "Last name label text."
+                    )
                 }
                 .labelStyle(.nameAndValue)
             } header: {
-                Text("Names")
+                Text(
+                    "profile.sections.names.header.text",
+                    bundle: .module,
+                    comment: "Names section header text."
+                )
             }
             
             Section {
                 Label {
                     Text("71207ee4c0573fde80b03643caafe62731406404")
                 } icon: {
-                    Text("Identifier")
+                    Text(
+                        "profile.sections.root_info.label.identifier.text",
+                        bundle: .module,
+                        comment: "Identifier label text."
+                    )
                 }
                 .labelStyle(.nameAndValue)
                 
                 Label {
                     Text("Yes")
                 } icon: {
-                    Text("Is a directory?")
+                    Text(
+                        "profile.sections.root_info.label.is_directory.text",
+                        bundle: .module,
+                        comment: "Is directory label text."
+                    )
                 }
                 .labelStyle(.nameAndValue)
                 
                 Label {
                     Text("3 days ago")
                 } icon: {
-                    Text("Last modified")
+                    Text(
+                        "profile.sections.root_info.label.last_modified.text",
+                        bundle: .module,
+                        comment: "Last modified label text."
+                    )
                 }
                 .labelStyle(.nameAndValue)
                 
                 Label {
                     Text("My files")
                 } icon: {
-                    Text("name")
+                    Text(
+                        "profile.sections.root_info.label.name.text",
+                        bundle: .module,
+                        comment: "Root name label text."
+                    )
                 }
                 .labelStyle(.nameAndValue)
             } header: {
-                Text("Root item information")
+                Text(
+                    "profile.sections.root_info.header.text",
+                    bundle: .module,
+                    comment: "Root item information header text."
+                )
             }
 
             Section {
                 Button {
                     // TODO: Log out the existing user.
                 } label: {
-                    Text("Log out")
+                    Text(
-                        .fontWeight(.semibold)
+                        "profile.button.log_out.text",
-                        .foregroundColor(.primary)
+                        bundle: .module,
-                        .frame(maxWidth: .infinity)
+                        comment: "Log out button text."
+                    )
+                    .fontWeight(.semibold)
+                    .foregroundColor(.primary)
+                    .frame(maxWidth: .infinity)
                 }
                 .tint(.orange)
                 .buttonStyle(.borderedProminent)
                 .buttonBorderShape(.roundedRectangle(radius: 8))
                 .controlSize(.large)
-                .padding(0)
             }
             .listRowBackground(Color.clear)
         }
         .background(Color.red)
-        .onAppear {
-            UITableView.appearance().backgroundColor = .clear
-        }
     }
 }