From b7f4240edf6d167feede0c17b362b035b8c5b506 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmial.com>
Date: Thu, 16 Dec 2021 22:47:51 -0800
Subject: [PATCH] cleaning things up

---
 .../v2/InnerCircle/InnerCircleView.swift      | 58 +++++++++----------
 1 file changed, 26 insertions(+), 32 deletions(-)

diff --git a/nirvana-ios/v2/InnerCircle/InnerCircleView.swift b/nirvana-ios/v2/InnerCircle/InnerCircleView.swift
index 83a8569..94c49e0 100644
--- a/nirvana-ios/v2/InnerCircle/InnerCircleView.swift
+++ b/nirvana-ios/v2/InnerCircle/InnerCircleView.swift
@@ -77,22 +77,22 @@ struct InnerCircleView: View {
                 header
             }
             
-            Path { path in
-
-                //draw the axes
-                path.move(to: CGPoint(x:0, y:universalSize.height*0.5 ))
-
-                path.addLine(to: CGPoint(x:universalSize.width, y: universalSize.height*0.5))
-
-                path.move(to: CGPoint(x:universalSize.width*0.5, y:0 ))
-
-                path.addLine(to: CGPoint(x:universalSize.width * 0.5, y: universalSize.height))
-
-
-                //TODO: draw the acceptance boxes
-            }
-            .stroke(Color.black)
-            .edgesIgnoringSafeArea(.all)
+//            Path { path in
+//
+//                //draw the axes
+//                path.move(to: CGPoint(x:0, y:universalSize.height*0.5 ))
+//
+//                path.addLine(to: CGPoint(x:universalSize.width, y: universalSize.height*0.5))
+//
+//                path.move(to: CGPoint(x:universalSize.width*0.5, y:0 ))
+//
+//                path.addLine(to: CGPoint(x:universalSize.width * 0.5, y: universalSize.height))
+//
+//
+//                //TODO: draw the acceptance boxes
+//            }
+//            .stroke(Color.black)
+//            .edgesIgnoringSafeArea(.all)
         }
         .onAppear() {
             self.animateWaves = true
@@ -105,7 +105,7 @@ struct InnerCircleView: View {
     private static let size: CGFloat = 80
     private static let spacingBetweenColumns: CGFloat = 10
     private static let spacingBetweenRows: CGFloat = 10
-    private static let totalColumns: Int = Int(log2(Double(Self.numberOfItems)))
+    private static let totalColumns: Int = Int(log2(Double(Self.numberOfItems))) + 1 // scaling the circles
     
     @State private var selectedUserIndex = 0
     
@@ -133,15 +133,6 @@ struct InnerCircleView: View {
                     // TODO: why did I start at 1? for the image name? just decrease count for that specifically
                     ForEach(1..<Self.numberOfItems + 1) { value in
                         GeometryReader {gridProxy in
-                            let posRelToGrid = gridProxy.frame(in: .global) // relative to the entire screen
-                            let midX = getRowNumber(value) % 2 == 0 ? posRelToGrid.midX + (Self.size / 2) + (Self.spacingBetweenColumns / 2) : posRelToGrid.midX
-                            let midY = posRelToGrid.midY
-                            
-                            // TESTING
-                            Text("x: \(midX) y: \(midY)")
-                                .font(.caption)
-                                .foregroundColor(Color.black)
-                            //
                             Image("Artboards_Diversity_Avatars_by_Netguru-\(value)")
                                 .resizable()
                                 .scaledToFit()
@@ -153,15 +144,18 @@ struct InnerCircleView: View {
                                     x: honeycombOffSetX(value),
                                     y: 0
                                 )
-                                .onTapGesture {
-                                    self.selectedUserIndex = value
-                                    
-                                    print("the selected item is: \(value)")
-                                }
                         } // geometry reader
                         .id(value) // id for scrollviewreader
-                        .animation(Animation.spring())
                         .frame(height: Self.size)
+                        .onTapGesture {
+                            self.selectedUserIndex = value
+                            
+                            withAnimation(Animation.spring()) {
+                                scrollReaderValue.scrollTo(value, anchor: .top)
+                            }
+                            print("the selected item is: \(value)")
+                        }
+                        .animation(Animation.spring())
                     }
                 } // lazyvgrid
                 .padding(.trailing, Self.size / 2 + Self.spacingBetweenColumns / 2) // because of the offset of last column