metatext/Shared/Views/SettingsView.swift

// Copyright © 2020 Metabolist. All rights reserved.

import SwiftUI
import KingfisherSwiftUI
import struct Kingfisher.DownsamplingImageProcessor

struct SettingsView: View {
    @StateObject var viewModel: SettingsViewModel
    @EnvironmentObject var mainNavigationViewModel: MainNavigationViewModel

    var body: some View {
        VStack(spacing: 0) {
            NavigationView {
                Form {
                    HStack {
                        KFImage(mainNavigationViewModel.image,
                                options: [
                                    .processor(
                                        DownsamplingImageProcessor(size: CGSize(width: 50, height: 50))
                                    ),
                                    .scaleFactor(Screen.scale),
                                    .cacheOriginalImage
                                ])
                            .clipShape(Circle())
                        Text(mainNavigationViewModel.handle)
                            .font(.subheadline)
                    }
                }
                .navigationBarTitleAndItems(mainNavigationViewModel: mainNavigationViewModel)
            }
            .navigationViewStyle
            #if os(macOS)
            Divider()
            HStack {
                Spacer()
                Button(action: { mainNavigationViewModel.presentingSettings.toggle() }) {
                    Text("Done")
                }
                .keyboardShortcut(.defaultAction)
            }
            .padding()

            #endif
        }
        .frame
    }
}

private extension View {
    func navigationBarTitleAndItems(mainNavigationViewModel: MainNavigationViewModel) -> some View {
        #if os(iOS)
        return navigationBarTitle(Text("settings"), displayMode: .inline)
        .navigationBarItems(
            leading: Button {
                mainNavigationViewModel.presentingSettings.toggle()
            } label: {
                Image(systemName: "xmark.circle.fill").imageScale(.large)
            })
        #else
        return self
        #endif
    }

    var navigationViewStyle: some View {
        #if os(iOS)
        return navigationViewStyle(StackNavigationViewStyle())
        #else
        return self
        #endif
    }

    var frame: some View {
        #if os(macOS)
        return frame(minWidth: 400, maxWidth: 600, minHeight: 350, maxHeight: 500)
        #else
        return self
        #endif
    }
}

#if DEBUG
struct SettingsView_Previews: PreviewProvider {
    static var previews: some View {
        SettingsView(viewModel: .development)
            .environmentObject(MainNavigationViewModel.development)
    }
}
#endif