//Made by Lumaa import SwiftUI import MessageUI struct SupportView: View { @Environment(AppDelegate.self) private var appDelegate: AppDelegate @Environment(\.openURL) private var openURL @State private var mailComposer: Bool = false @State private var mailResult: Result? = nil var body: some View { ScrollView { VStack { Text("support.platform") .font(.largeTitle.bold()) .padding(.horizontal) .minimumScaleFactor(0.5) .multilineTextAlignment(.center) ScrollView(.horizontal, showsIndicators: false) { HStack(spacing: 10) { discordSupport .listRowThreaded() matrixSupport .listRowThreaded() mailApp .listRowThreaded() } .scrollTargetLayout() .safeAreaPadding(25) } .scrollTargetBehavior(.viewAligned) } .padding(.vertical) .frame(minWidth: appDelegate.windowWidth) } .listThreaded() .navigationTitle(Text("support")) .navigationBarTitleDisplayMode(.inline) .sheet(isPresented: $mailComposer) { MailView(result: $mailResult) } } var discordSupport: some View { VStack(alignment: .center) { Image("DiscordMark") .mark() Text("support.discord") .font(.title.bold()) Text("support.discord.description") .padding(.horizontal) .lineLimit(3, reservesSpace: true) Button { let discordUrl = URL(string: "https://lumaa.fr/") openURL(discordUrl!) } label: { Text("support.discord.join") .padding(.horizontal, 20) .padding(.vertical, 10) } .zIndex(10.0) .buttonStyle(.borderedProminent) .tint(Color.blurple) .padding(.vertical) } .boxify(appDelegate.windowWidth - 50, bgColor: Color.blurple) } var matrixSupport: some View { VStack(alignment: .center) { Image("ElementMark") .mark() Text("support.matrix") .font(.title.bold()) Text("support.matrix.description") .padding(.horizontal) .lineLimit(3, reservesSpace: true) Button { let matrixUrl = URL(string: "https://matrix.to/#/#threadedapp:matrix.org") openURL(matrixUrl!) } label: { Text("support.matrix.join") .padding(.horizontal, 20) .padding(.vertical, 10) } .zIndex(10.0) .buttonStyle(.borderedProminent) .tint(Color.mountainMeadow) .padding(.vertical) } .boxify(appDelegate.windowWidth - 50,bgColor: Color.mountainMeadow) } var mailApp: some View { VStack(alignment: .center) { Image(systemName: "envelope.fill") .mark() .foregroundStyle(Color.blue) Text("support.email") .font(.title.bold()) Text("support.email.description") .padding(.horizontal) .lineLimit(3, reservesSpace: true) Button { mailComposer.toggle() } label: { Text("support.mail.send") .padding(.horizontal, 20) .padding(.vertical, 10) } .zIndex(10.0) .disabled(!MFMailComposeViewController.canSendMail()) .buttonStyle(.borderedProminent) .tint(Color.blue) .padding(.vertical) .overlay(alignment: .bottom) { if !MFMailComposeViewController.canSendMail() { Text("support.mail.no-mail") .font(.caption) .foregroundStyle(Color.gray) .frame(width: 300) .offset(y: 15.0) } } } .boxify(appDelegate.windowWidth - 50, bgColor: Color.blue) } } #Preview("FR") { NavigationStack { SupportView() } .environment(\.locale, Locale(identifier: "fr-fr")) .environment(AppDelegate()) } #Preview("EN") { NavigationStack { SupportView() } .environment(\.locale, Locale(identifier: "en-us")) .environment(AppDelegate()) } private extension View { @ViewBuilder func boxify(_ width: CGFloat, bgColor: Color? = nil) -> some View { self .frame(width: width, height: 330) .padding(.vertical) .zIndex(5.0) .overlay { RoundedRectangle(cornerRadius: 15) .stroke(Color(uiColor: UIColor.label).opacity(0.4)) .background() { Rectangle() .fill(bgColor != nil ? LinearGradient(colors: [bgColor!.opacity(0.15), bgColor!.opacity(0.3)], startPoint: .bottom, endPoint: .top) : LinearGradient(colors: [Color.clear], startPoint: .top, endPoint: .bottom)) .allowsHitTesting(false) } .clipShape(RoundedRectangle(cornerRadius: 15)) .zIndex(1.0) } } } private extension Image { @ViewBuilder func mark() -> some View { self.resizable() .scaledToFit() .frame(width: 75, height: 75) } } private extension Color { static let blurple: Color = Color(red: 88 / 255, green: 101 / 255, blue: 242 / 255) static let mountainMeadow: Color = Color(red: 13 / 255, green: 189 / 255, blue: 139 / 255) }