more intuitive help button

This commit is contained in:
talksik
2021-12-23 21:18:09 -08:00
parent e7b3c63000
commit 6e244b4562
3 changed files with 11 additions and 7 deletions
+1 -1
View File
@@ -34,7 +34,7 @@ final class AuthSessionStore: ObservableObject, SessionStore {
// TODO: figure out which ones to publish // TODO: figure out which ones to publish
@Published var friendsArr: [User] = [] @Published var friendsArr: [User] = []
var messagesArr: [Message] = [] @Published var messagesArr: [Message] = []
// transformed data for the views // transformed data for the views
@Published var friendMessagesDict: [String: [Message]] = [:] @Published var friendMessagesDict: [String: [Message]] = [:]
@@ -82,6 +82,7 @@ struct CircleNavigationView: View {
.frame(width: 40, height: 40) .frame(width: 40, height: 40)
.clipShape(Circle()) .clipShape(Circle())
.padding(5) .padding(5)
.shadow(radius: 10)
} }
} }
@@ -108,7 +108,8 @@ struct InnerCircleView: View {
CircleFooterView(selectedFriendIndex: self.$selectedFriendIndex) CircleFooterView(selectedFriendIndex: self.$selectedFriendIndex)
// helper for new users // helper for new users
if self.authSessionStore.friendsArr.count <= 1 { // TODO: make it back to 1 instead of 10...testing
if self.authSessionStore.friendsArr.count == 1 && self.selectedFriendIndex == nil { // don't show if bottom metadata showing
ZStack(alignment: .bottomTrailing) { ZStack(alignment: .bottomTrailing) {
Color.clear Color.clear
@@ -117,16 +118,18 @@ struct InnerCircleView: View {
self.alertText = "👆🏼It's simple!" self.alertText = "👆🏼It's simple!"
self.alertSubtext = "Press and hold to send a message. \n Tap to listen!" self.alertSubtext = "Press and hold to send a message. \n Tap to listen!"
} label: { } label: {
Label("help!", systemImage: "questionmark.circle") Label("help!🙉", systemImage: "questionmark.circle")
.font(.title2) .font(.caption)
.foregroundColor(NirvanaColor.teal) .foregroundColor(NirvanaColor.teal)
.padding() .padding(10)
.background(.ultraThinMaterial) .background(.ultraThinMaterial)
.shadow(radius: 10) .shadow(radius: 10)
.clipShape(Circle()) .labelStyle(.titleOnly)
.labelStyle(.iconOnly) .clipShape(Capsule())
} }
.padding()
} }
.transition(.slide)
} }
} }
.alert(self.alertText, isPresented: self.$alertActive) { .alert(self.alertText, isPresented: self.$alertActive) {