IceCubes/IceCubesApp/App/SideBarView.swift

187 lines
5.4 KiB
Swift
Raw Normal View History

2023-01-16 19:51:05 +01:00
import Account
2023-01-16 21:15:33 +01:00
import AppAccount
2023-01-17 11:36:01 +01:00
import DesignSystem
import Env
import Models
2023-01-27 20:36:40 +01:00
import SwiftUI
2023-01-16 19:51:05 +01:00
2023-09-19 09:18:20 +02:00
@MainActor
2023-01-16 19:51:05 +01:00
struct SideBarView<Content: View>: View {
@Environment(AppAccountsManager.self) private var appAccounts
@Environment(CurrentAccount.self) private var currentAccount
2023-09-18 21:03:52 +02:00
@Environment(Theme.self) private var theme
@Environment(StreamWatcher.self) private var watcher
2023-09-19 09:18:20 +02:00
@Environment(UserPreferences.self) private var userPreferences
@Environment(RouterPath.self) private var routerPath
2023-01-22 06:38:30 +01:00
2023-01-16 19:51:05 +01:00
@Binding var selectedTab: Tab
@Binding var popToRootTab: Tab
var tabs: [Tab]
2023-01-16 21:15:33 +01:00
@ViewBuilder var content: () -> Content
2023-01-17 11:36:01 +01:00
private func badgeFor(tab: Tab) -> Int {
2023-09-16 14:15:03 +02:00
if tab == .notifications, selectedTab != tab,
2023-02-21 07:23:42 +01:00
let token = appAccounts.currentAccount.oauthToken
{
2023-09-19 08:44:11 +02:00
return watcher.unreadNotificationsCount + (userPreferences.notificationsCount[token] ?? 0)
}
return 0
}
2023-02-21 07:23:42 +01:00
private func makeIconForTab(tab: Tab) -> some View {
ZStack(alignment: .topTrailing) {
2023-01-19 11:59:25 +01:00
SideBarIcon(systemIconName: tab.iconName,
isSelected: tab == selectedTab)
let badge = badgeFor(tab: tab)
if badge > 0 {
makeBadgeView(count: badge)
}
}
.contentShape(Rectangle())
.frame(width: .sidebarWidth, height: 50)
}
2023-02-21 07:23:42 +01:00
private func makeBadgeView(count: Int) -> some View {
ZStack {
Circle()
.fill(.red)
Text(count > 99 ? "99+" : String(count))
.foregroundColor(.white)
.font(.caption2)
}
.frame(width: 24, height: 24)
.offset(x: 14, y: -14)
}
2023-01-22 06:38:30 +01:00
private var postButton: some View {
Button {
routerPath.presentedSheet = .newStatusEditor(visibility: userPreferences.postVisibility)
} label: {
Image(systemName: "square.and.pencil")
.resizable()
.aspectRatio(contentMode: .fit)
.frame(width: 20, height: 30)
}
.buttonStyle(.borderedProminent)
.keyboardShortcut("n", modifiers: .command)
}
2023-01-22 06:38:30 +01:00
private func makeAccountButton(account: AppAccount, showBadge: Bool) -> some View {
Button {
if account.id == appAccounts.currentAccount.id {
selectedTab = .profile
2023-02-28 18:55:08 +01:00
SoundEffectManager.shared.playSound(of: .tabSelection)
} else {
var transation = Transaction()
transation.disablesAnimations = true
withTransaction(transation) {
appAccounts.currentAccount = account
}
}
} label: {
ZStack(alignment: .topTrailing) {
AppAccountView(viewModel: .init(appAccount: account, isCompact: true))
if showBadge,
2023-02-21 07:23:42 +01:00
let token = account.oauthToken,
2023-09-19 08:44:11 +02:00
let notificationsCount = userPreferences.notificationsCount[token],
notificationsCount > 0
2023-02-21 07:23:42 +01:00
{
2023-09-19 08:44:11 +02:00
makeBadgeView(count: notificationsCount)
}
}
}
.frame(width: .sidebarWidth, height: 50)
.padding(.vertical, 8)
.background(selectedTab == .profile && account.id == appAccounts.currentAccount.id ?
2023-01-22 06:38:30 +01:00
theme.secondaryBackgroundColor : .clear)
}
2023-01-22 06:38:30 +01:00
private var tabsView: some View {
ForEach(tabs) { tab in
Button {
2023-07-19 07:46:25 +02:00
// ensure keyboard is always dismissed when selecting a tab
2023-06-26 11:45:45 +02:00
hideKeyboard()
2023-07-19 07:46:25 +02:00
if tab == selectedTab {
popToRootTab = .other
DispatchQueue.main.asyncAfter(deadline: .now() + 0.01) {
popToRootTab = tab
}
}
selectedTab = tab
2023-02-28 18:55:08 +01:00
SoundEffectManager.shared.playSound(of: .tabSelection)
if tab == .notifications {
if let token = appAccounts.currentAccount.oauthToken {
2023-09-19 08:44:11 +02:00
userPreferences.notificationsCount[token] = 0
}
watcher.unreadNotificationsCount = 0
}
} label: {
makeIconForTab(tab: tab)
}
.background(tab == selectedTab ? theme.secondaryBackgroundColor : .clear)
}
}
2023-01-22 06:38:30 +01:00
2023-01-16 19:51:05 +01:00
var body: some View {
@Bindable var routerPath = routerPath
2023-01-16 19:51:05 +01:00
HStack(spacing: 0) {
ScrollView {
VStack(alignment: .center) {
if appAccounts.availableAccounts.isEmpty {
tabsView
} else {
ForEach(appAccounts.availableAccounts) { account in
makeAccountButton(account: account,
showBadge: account.id != appAccounts.currentAccount.id)
if account.id == appAccounts.currentAccount.id {
tabsView
2023-01-16 19:51:05 +01:00
}
}
}
postButton
.padding(.top, 12)
Spacer()
2023-01-16 19:51:05 +01:00
}
}
.frame(width: .sidebarWidth)
.scrollContentBackground(.hidden)
.background(.thinMaterial)
2023-01-16 19:51:05 +01:00
Divider()
.edgesIgnoringSafeArea(.top)
2023-01-16 21:15:33 +01:00
content()
2023-01-16 19:51:05 +01:00
}
.background(.thinMaterial)
.withSheetDestinations(sheetDestinations: $routerPath.presentedSheet)
2023-01-16 19:51:05 +01:00
}
}
2023-01-19 11:59:25 +01:00
private struct SideBarIcon: View {
2023-09-18 21:03:52 +02:00
@Environment(Theme.self) private var theme
2023-01-22 06:38:30 +01:00
2023-01-19 11:59:25 +01:00
let systemIconName: String
let isSelected: Bool
2023-01-22 06:38:30 +01:00
2023-01-19 11:59:25 +01:00
@State private var isHovered: Bool = false
2023-01-22 06:38:30 +01:00
2023-01-19 11:59:25 +01:00
var body: some View {
Image(systemName: systemIconName)
2023-02-10 12:53:59 +01:00
.font(.title2)
.fontWeight(.medium)
2023-01-19 11:59:25 +01:00
.foregroundColor(isSelected ? theme.tintColor : theme.labelColor)
.scaleEffect(isHovered ? 0.8 : 1.0)
.onHover { isHovered in
withAnimation(.interpolatingSpring(stiffness: 300, damping: 15)) {
self.isHovered = isHovered
}
}
}
}
2023-06-26 11:45:45 +02:00
extension View {
@MainActor func hideKeyboard() {
2023-07-19 07:46:25 +02:00
let resign = #selector(UIResponder.resignFirstResponder)
UIApplication.shared.sendAction(resign, to: nil, from: nil, for: nil)
}
2023-06-26 11:45:45 +02:00
}