Bubble/Threaded/Views/Settings/SupportView.swift

196 lines
6.2 KiB
Swift

//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<MFMailComposeResult, Error>? = 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)
}