From c12d4820e405897b4ea75d6612f227cdfcd7f693 Mon Sep 17 00:00:00 2001
From: Josh Lavallee <josh.lavallee@justeattakeaway.com>
Date: Sun, 22 Sep 2024 17:17:04 -0500
Subject: [PATCH] JOSH-DEV-2024: Updated Experience Colors To Refresh Memory

---
 .github/workflows/main.yml | 20 ++++++++++++--------
 src/Experience.tsx         | 17 ++++++++++++++---
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 4719269..71a36d4 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -3,7 +3,6 @@ name: Deploy Website
 on:
   push:
     branches: [ main ]
-
   workflow_dispatch:
 
 jobs:
@@ -12,23 +11,28 @@ jobs:
 
     steps:
       - name: Checkout Repository
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
 
-      - name: Configure AWS
-        uses: aws-actions/configure-aws-credentials@v1
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v4
         with:
           aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
           aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
           aws-region: us-east-1
 
-      - name: Install Modules
-        run: yarn install
+      - name: Install Dependencies
+        run: yarn install --frozen-lockfile
 
       - name: Build Application
         run: yarn run build
 
-      - name: Deploy To S3
+      - name: Deploy to S3
         run: aws s3 sync ./dist s3://${{ secrets.BUCKET_NAME }}
 
-      - name: Create Cloudfront Invalidation
+      - name: Create CloudFront Invalidation
         run: aws cloudfront create-invalidation --distribution-id ${{ secrets.DISTRIBUTION_ID }} --paths "/*"
diff --git a/src/Experience.tsx b/src/Experience.tsx
index 67092de..1095f03 100644
--- a/src/Experience.tsx
+++ b/src/Experience.tsx
@@ -16,16 +16,27 @@ function Experience() {
     });
 
     return (
+        <>
+        <mesh
+            // rotation={[0,0,0]}
+            scale={.75}
+            position={[-3, 0, 0]}
+        >
+            <sphereGeometry />
+            <meshBasicMaterial color={"purple"}/>
+        </mesh>
+            
         <mesh
             ref={cube}
-            scale={clicked ? 1.5 : 1}
+            scale={clicked ? 2 : 1}
             onClick={() => click(!clicked)}
             onPointerOver={(event) => (event.stopPropagation(), hover(true))}
             onPointerOut={() => hover(false)}
         >
-            <boxGeometry args={[1, 1, 1]} />
-            {hovered ? <meshNormalMaterial /> : <meshStandardMaterial color="hotpink" />}
+            <boxGeometry />
+            {hovered ? <meshBasicMaterial color={"purple"}/> : <meshBasicMaterial color={"yellow"} />}
         </mesh>
+        </>
     );
 }