From 05a38b517a9227ca7c60f5c1be6402e1a10bd1c0 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmial.com>
Date: Fri, 17 Dec 2021 00:55:37 -0800
Subject: [PATCH] adding nice little navigation simple

---
 .../InnerCircle/InnerCircleView.swift         | 59 +++++++++++++++++--
 1 file changed, 55 insertions(+), 4 deletions(-)

diff --git a/nirvana-ios/Views/HomeView/InnerCircle/InnerCircleView.swift b/nirvana-ios/Views/HomeView/InnerCircle/InnerCircleView.swift
index 551fbf5..d11469d 100644
--- a/nirvana-ios/Views/HomeView/InnerCircle/InnerCircleView.swift
+++ b/nirvana-ios/Views/HomeView/InnerCircle/InnerCircleView.swift
@@ -71,11 +71,12 @@ struct InnerCircleView: View {
 //                .frame(width:universalSize.width*0.65, height: universalSize.height*0.3)
             
             // header
-            ZStack(alignment: .top) {
-                //TODO: find a better solution than hacking it like this
-                Color.clear
-                
+            VStack(alignment: .leading) {
                 header
+                
+                bubbleNavigation
+                
+                Spacer()
             }
             
 //            Path { path in
@@ -113,6 +114,56 @@ struct InnerCircleView: View {
         }
     }
     
+    var bubbleNavigation : some View {
+        HStack(alignment: .center) {
+            Button {
+                
+            } label: {
+                Label("circle", systemImage: "peacesign")
+                    .font(.caption2)
+                    .foregroundColor(Color.black)
+                    .padding(.vertical, 10)
+                    .padding(.horizontal, 8)
+                    .background(
+                        RoundedRectangle(cornerRadius: 20, style: .continuous)
+                            .fill(Color.teal.opacity(0.1))
+                    ).overlay(
+                        RoundedRectangle(cornerRadius: 20, style: .continuous)
+                            .strokeBorder(Color.white.opacity(01), lineWidth: 1)
+                    )
+            }
+            
+            Button {
+                
+            } label: {
+                Label("groups", systemImage: "rectangle.3.group")
+                    .font(.caption2)
+                    .foregroundColor(Color.black)
+                    .padding(.vertical, 10)
+                    .padding(.horizontal, 8)
+                    .overlay(
+                        RoundedRectangle(cornerRadius: 20, style: .continuous)
+                            .strokeBorder(Color.white.opacity(1), lineWidth: 1)
+                    )
+            }
+            
+            Button {
+                
+            } label: {
+                Label("work", systemImage: "suitcase")
+                    .font(.caption2)
+                    .foregroundColor(Color.black)
+                    .padding(.vertical, 10)
+                    .padding(.horizontal, 8)
+                    .overlay(
+                        RoundedRectangle(cornerRadius: 20, style: .continuous)
+                            .strokeBorder(Color.white.opacity(1), lineWidth: 1)
+                    )
+            }
+        }
+        .padding(.horizontal)
+    }
+    
     // magic variables for grid
     // TODO: change the number of columns based on the number of items
     private static var numberOfItems: Int = 20