From 7d767de93991416037a098a930e0f8fc5b99293f Mon Sep 17 00:00:00 2001
From: Ramin Farhadi <ra680091@CMN9J7HFG4MN.local>
Date: Thu, 13 Jun 2024 14:21:20 -0400
Subject: [PATCH] campusCordinated was changed to campus in order to reuse the
 img from it.

---
 src/App.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 45184e6..d7871e7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -157,8 +157,7 @@ function App() {
     features: []
   });
 
-  const [campusCoordinate, setCampusCoordinate] = useState<Campus>(campusData[0]);
-  const [campusIcon, setCampusIcon] = useState<string>(campusData[0].img);
+  const [campus, setCampus] = useState<Campus>(campusData[0]);
   
   const [searchResults, setSearchResults] = useState<Array<Feature>>([]);
 
@@ -211,8 +210,7 @@ function App() {
       zoom: campus.zoom
     })
 
-    setCampusCoordinate(campus);
-    setCampusIcon(campus.img);
+    setCampus(campus);
   }
 
   useMemo(() => {
@@ -469,6 +467,7 @@ function App() {
     layout: {
       ...defaultLayoutProps,
       "icon-image": 'building-ramp',
+      "icon-size": .5,
       visibility: visibility.accessibility.buildingRamps! ? 'visible': 'none'
     },
   };
@@ -685,8 +684,8 @@ function App() {
             <Layer {...searchResultLayer} />
           </Source>
         
-          <Marker longitude={campusCoordinate.longitude} latitude={campusCoordinate.latitude} anchor="bottom" >
-            <img src={campusIcon} />
+          <Marker longitude={campus.longitude} latitude={campus.latitude} anchor="bottom" >
+            <img src={campus.img} />
           </Marker>
 
           {popupData && (