From 75f85b050f8bb7ae897b986ef2975191632b69f5 Mon Sep 17 00:00:00 2001
From: Aaron Chan <42254254+aaronchan32@users.noreply.github.com>
Date: Sun, 7 Apr 2024 16:55:38 -0700
Subject: [PATCH] feat: pre-define click me asteroid initial location

---
 src/components/Asteroid/Asteroid.tsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/Asteroid/Asteroid.tsx b/src/components/Asteroid/Asteroid.tsx
index 9483a4a..1595983 100644
--- a/src/components/Asteroid/Asteroid.tsx
+++ b/src/components/Asteroid/Asteroid.tsx
@@ -104,6 +104,21 @@ export default function Asteroid({ homeRef }: AsteroidProps) {
     }
   }, [homeRef, numAsteroids]);
 
+  const calculateClickMeInitial = () => {
+    const isLeft = Math.random() > 0.5;
+    let x, y;
+    if (isLeft) {
+      x = -Math.random() * 200 - 10;
+      y = Math.random() * window.innerHeight;
+    } else {
+      x = (Math.random() * window.innerWidth) / 3;
+      y = -Math.random() * 100 - 10;
+    }
+    return { x, y };
+  };
+
+  const clickMeInitial = calculateClickMeInitial();
+
   const clickMeLocation = { x: window.innerWidth / 3 - 50, y: 100 };
 
   const FragmentAsteroidComponents = [
@@ -189,7 +204,11 @@ export default function Asteroid({ homeRef }: AsteroidProps) {
               key={'asteroid' + index}
               className="asteroid"
               onClick={() => onButtonClick(index)}
-              initial={asteroidAnimations[index]?.initial}
+              initial={
+                index === 0
+                  ? clickMeInitial
+                  : asteroidAnimations[index]?.initial
+              }
               animate={
                 index === 0
                   ? clickMeLocation