bunch of little things to improve overall stale states

nirvana-ios/Views/InnerCircle/CircleGridView.swift

@@ -20,15 +20,7 @@ struct CircleGridView: View {
     let universalSize = UIScreen.main.bounds
     
     var body: some View {
-        if self.authSessionStore.user?.nickname == nil || self.authSessionStore.user?.avatar == nil {
+        gridContent
-            
-        }
-        else if self.authSessionStore.friendsArr.count < 0 {
-            
-        } else {
-            gridContent
-        }
-        
     }
     
     // magic variables for grid

nirvana-ios/Views/InnerCircle/InnerCircleView.swift

@@ -31,9 +31,75 @@ struct InnerCircleView: View {
             // background
             WavesGlassBackgroundView(isRecording: self.innerCircleVM.isRecording)
             
-            // content
+            if self.authSessionStore.user?.nickname == nil || self.authSessionStore.user?.avatar == nil {
-            CircleGridView(selectedFriendIndex: self.$selectedFriendIndex)
+                VStack(alignment: .center) {
-                .environmentObject(innerCircleVM)
+                    Image("undraw_fall_is_coming_yl-0-x")
+                        .renderingMode(.original)
+                        .resizable()
+                        .aspectRatio(contentMode: .fit)
+                        .padding(.bottom)
+                    
+                    Button {
+                        self.sheetView = SheetView.profile
+                    } label: {
+                        Text("Create Profile")
+                            .fontWeight(.heavy)
+                            .foregroundColor(NirvanaColor.white)
+                            .padding(.vertical, 20)
+                            .frame(maxWidth: .infinity)
+                            .background(NirvanaColor.teal)
+                            .clipShape(Capsule())
+                            .shadow(radius:10)
+                    }
+                    
+                    Text("Personalize with a simple avatar and nickname! 🌿")
+                        .font(.caption)
+                        .foregroundColor(NirvanaColor.teal)
+                        .multilineTextAlignment(.center)
+                        
+                }
+                .padding()
+            }
+            else if self.authSessionStore.friendsArr.count < 0 {
+                VStack(alignment: .center) {
+                    Image("undraw_fall_is_coming_yl-0-x")
+                        .renderingMode(.original)
+                        .resizable()
+                        .aspectRatio(contentMode: .fit)
+                        .padding(.bottom)
+                    
+                    Button {
+                        self.sheetView = SheetView.contacts
+                    } label: {
+                        Text("Add Friends")
+                            .fontWeight(.heavy)
+                            .foregroundColor(NirvanaColor.white)
+                            .padding(.vertical, 20)
+                            .frame(maxWidth: .infinity)
+                            .background(NirvanaColor.teal)
+                            .clipShape(Capsule())
+                            .shadow(radius:10)
+                    }
+                    
+                    Text("Start talking with your bestie right away! 🐥")
+                        .font(.caption)
+                        .foregroundColor(NirvanaColor.teal)
+                        .multilineTextAlignment(.center)
+                        
+                }
+                .padding()
+            } else {
+                Image("undraw_fall_is_coming_yl-0-x")
+                    .renderingMode(.original)
+                    .resizable()
+                    .aspectRatio(contentMode: .fit)
+                    .blur(radius: 20)
+                
+                
+                // content
+                CircleGridView(selectedFriendIndex: self.$selectedFriendIndex)
+                    .environmentObject(innerCircleVM)
+            }
             
             // header
             VStack(alignment: .leading) {