Add integrations view

Author: dena-sohrabi

apple/InlineIOS/Settings/IntegrationsView.swift

@@ -0,0 +1,46 @@
+import InlineKit
+import SwiftUI
+
+struct IntegrationsView: View {
+  var body: some View {
+    List {
+      HStack(alignment: .center) {
+        Image("linear-icon")
+          .resizable()
+          .frame(width: 55, height: 55)
+          .clipShape(RoundedRectangle(cornerRadius: 18))
+          .padding(.trailing, 6)
+        VStack(alignment: .leading) {
+          Text("Linear")
+            .fontWeight(.semibold)
+          Text("Connect your Linear to create issues from messages with AI")
+            .foregroundColor(.secondary)
+            .font(.caption)
+        }
+        Spacer()
+        Button("Connect") {
+          // TODO: Implement Linear integration
+        }
+        .buttonStyle(.borderless)
+      }
+    }
+//    .listStyle(.plain)
+    .navigationBarTitleDisplayMode(.inline)
+    .toolbarRole(.editor)
+    .toolbar {
+      ToolbarItem(id: "integrations", placement: .principal) {
+        HStack {
+          Image(systemName: "app.connected.to.app.below.fill")
+            .foregroundColor(.secondary)
+            .font(.callout)
+            .padding(.trailing, 4)
+          VStack(alignment: .leading) {
+            Text("Integrations")
+              .font(.body)
+              .fontWeight(.semibold)
+          }
+        }
+      }
+    }
+  }
+}

apple/InlineIOS/Settings/Settings.swift

@@ -3,16 +3,51 @@ import InlineKit
 import SwiftUI
 
 struct SettingsView: View {
-  @Query(CurrentUser()) var currentUser: User?
+  @Query(CurrentUser()) var currentUser: UserInfo?
   @Environment(\.auth) var auth
   @EnvironmentObject private var webSocket: WebSocketManager
   @EnvironmentObject private var navigation: Navigation
   @EnvironmentObject private var onboardingNavigation: OnboardingNavigation
   @EnvironmentObject private var mainRouter: MainViewRouter
+  @EnvironmentObject private var fileUploadViewModel: FileUploadViewModel
 
   var body: some View {
     List {
       UserProfileSection(currentUser: currentUser)
+      Section {
+        Button {
+          fileUploadViewModel.showImagePicker = true
+        } label: {
+          HStack {
+            Image(systemName: "camera.fill")
+              .font(.callout)
+              .foregroundColor(.white)
+              .frame(width: 25, height: 25)
+              .background(Color.pink)
+              .clipShape(RoundedRectangle(cornerRadius: 6))
+            Text("Change Profile Photo")
+              .foregroundColor(.primary)
+              .padding(.leading, 4)
+            Spacer()
+          }
+          .padding(.vertical, 2)
+        }
+      }
+
+      NavigationLink(destination: IntegrationsView()) {
+        HStack {
+          Image(systemName: "app.connected.to.app.below.fill")
+            .foregroundColor(.white)
+            .frame(width: 25, height: 25)
+            .background(Color.purple)
+            .clipShape(RoundedRectangle(cornerRadius: 6))
+          Text("Integrations")
+            .foregroundColor(.primary)
+            .padding(.leading, 4)
+          Spacer()
+        }
+        .padding(.vertical, 2)
+      }
       NavigationLink(destination: ThemeSection()) {
         HStack {
           Image(systemName: "paintbrush.fill")
@@ -27,6 +62,7 @@ struct SettingsView: View {
         }
         .padding(.vertical, 2)
       }
+
       LogoutSection()
     }
     .navigationBarTitleDisplayMode(.inline)
@@ -46,6 +82,17 @@ struct SettingsView: View {
         }
       }
     }
+    .sheet(isPresented: $fileUploadViewModel.showImagePicker) {
+      ImagePicker(sourceType: .photoLibrary) { image in
+        Task {
+          if let pngData = image.pngData() {
+            await fileUploadViewModel.uploadImage(pngData, fileType: .png)
+          } else if let jpegData = image.jpegData(compressionQuality: 0.8) {
+            await fileUploadViewModel.uploadImage(jpegData, fileType: .jpeg)
+          }
+        }
+      }
+    }
   }
 }