mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2026-11-14 13:27:58 +00:00
* ios: snapshot tests render all previews at fixed dates * ios: previews of your servers and terminal render without errors * ios: snapshots fill the screen height for lists, skip device migration * ios: snapshots show the sample user, secondary chat preview has items * ios: snapshots skip previews of live prices, profiles and console * ci: references of all iOS previews * ci: snapshot docs state window height, exclusions and timing * ios: snapshots skip previews with a blinking caret or a spinner * ios: snapshots end editing and stop animations, restoring 8 previews * ci: references of the restored cursor and spinner previews * ios: chat item previews clip items to bubbles as the chat view does * ci: references of chat item previews with bubbles
89 lines
3.2 KiB
Swift
89 lines
3.2 KiB
Swift
//
|
|
// OneHandUICard.swift
|
|
// SimpleX (iOS)
|
|
//
|
|
// Created by EP on 06/08/2024.
|
|
// Copyright © 2024 SimpleX Chat. All rights reserved.
|
|
//
|
|
|
|
import SwiftUI
|
|
import SimpleXChat
|
|
|
|
struct OneHandUICard: View {
|
|
@EnvironmentObject var theme: AppTheme
|
|
@AppStorage(GROUP_DEFAULT_ONE_HAND_UI, store: groupDefaults) private var oneHandUI = true
|
|
@AppStorage(DEFAULT_ONE_HAND_UI_CARD_SHOWN) private var oneHandUICardShown = false
|
|
@AppStorage(DEFAULT_TOOLBAR_MATERIAL) private var toolbarMaterial = ToolbarMaterial.defaultMaterial
|
|
@State private var showOneHandUIAlert = false
|
|
|
|
var body: some View {
|
|
HStack(spacing: 2) {
|
|
segment(
|
|
icon: "platter.filled.bottom.and.arrow.down.iphone",
|
|
text: "Bottom bar",
|
|
isSelected: oneHandUI
|
|
) {
|
|
withAnimation { oneHandUI = true }
|
|
}
|
|
.background { if oneHandUI { Color(uiColor: .systemGray5) } }
|
|
.background(ToolbarMaterial.material(toolbarMaterial))
|
|
ZStack(alignment: .trailing) {
|
|
segment(
|
|
icon: "platter.filled.top.and.arrow.up.iphone",
|
|
text: "Top bar",
|
|
isSelected: !oneHandUI
|
|
) {
|
|
withAnimation { oneHandUI = false }
|
|
}
|
|
Image(systemName: "multiply")
|
|
.foregroundColor(theme.colors.secondary)
|
|
.frame(width: 12, height: 12)
|
|
.padding(.vertical, 4)
|
|
.padding(.trailing, 16)
|
|
.padding(.leading, 4)
|
|
.contentShape(Rectangle())
|
|
.onTapGesture {
|
|
showOneHandUIAlert = true
|
|
}
|
|
}
|
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
|
.background { if !oneHandUI { Color(uiColor: .systemGray5) } }
|
|
.background(ToolbarMaterial.material(toolbarMaterial))
|
|
}
|
|
.clipShape(Capsule())
|
|
.alert(isPresented: $showOneHandUIAlert) {
|
|
Alert(
|
|
title: Text("Reachable chat toolbar"),
|
|
message: Text("You can change it in Appearance settings."),
|
|
dismissButton: .default(Text("Ok")) {
|
|
withAnimation {
|
|
oneHandUICardShown = true
|
|
}
|
|
}
|
|
)
|
|
}
|
|
}
|
|
|
|
private func segment(icon: String, text: LocalizedStringKey, isSelected: Bool, action: @escaping () -> Void) -> some View {
|
|
HStack(spacing: 8) {
|
|
Image(systemName: icon)
|
|
.font(.body)
|
|
.foregroundColor(isSelected ? theme.colors.secondary : theme.colors.primary)
|
|
Text(text)
|
|
.font(.subheadline)
|
|
.foregroundColor(isSelected ? theme.colors.secondary : theme.colors.onBackground)
|
|
}
|
|
.padding(.leading, 16)
|
|
.padding(.vertical, 4)
|
|
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
|
|
.contentShape(Rectangle())
|
|
.onTapGesture { action() }
|
|
}
|
|
}
|
|
|
|
struct OneHandUICard_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
OneHandUICard()
|
|
}
|
|
}
|