From 74efbeb46b4154b0f457a09aea28b78eb8d1ceb1 Mon Sep 17 00:00:00 2001
From: Roozbeh Karimi <rkarimi@sipstack.com>
Date: Wed, 8 Oct 2025 11:45:03 -0400
Subject: [PATCH] hotfix

---
 frontend/src/app/api/Api.jsx    |  2 +-
 frontend/src/app/utils/map.jsx  |  4 ++--
 frontend/src/views/map/page.jsx | 10 +++++++---
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/api/Api.jsx b/frontend/src/app/api/Api.jsx
index 830a7b9..8799067 100644
--- a/frontend/src/app/api/Api.jsx
+++ b/frontend/src/app/api/Api.jsx
@@ -20,7 +20,7 @@ export async function getFlightsApi(data) {
     }
 
     const result = await response.json();
-    console.log(result);
+    // console.log(result);
     return result;
   } catch (error) {
     console.error("Failed to fetch aircraft data:", error);
diff --git a/frontend/src/app/utils/map.jsx b/frontend/src/app/utils/map.jsx
index 08be810..bcc8fc3 100644
--- a/frontend/src/app/utils/map.jsx
+++ b/frontend/src/app/utils/map.jsx
@@ -10,7 +10,7 @@ export function MapBounds({ setBoundries }) {
   useEffect(() => {
     const handleMoveEnd = () => {
       const bounds = map.getBounds();
-      console.log("Map Bounds:", bounds);
+      // console.log("Map Bounds:", bounds);
 
       const southWest = bounds.getSouthWest();
       const northEast = bounds.getNorthEast();
@@ -20,7 +20,7 @@ export function MapBounds({ setBoundries }) {
         northEast,
       };
 
-      console.log(data);
+      // console.log(data);
       setBoundries(data);
     };
 
diff --git a/frontend/src/views/map/page.jsx b/frontend/src/views/map/page.jsx
index 46eb192..e8bcee0 100644
--- a/frontend/src/views/map/page.jsx
+++ b/frontend/src/views/map/page.jsx
@@ -20,7 +20,6 @@ if (typeof window !== "undefined") {
 }
 
 const getCategoryIcon = (category, heading = 0, size = [25, 25]) => {
-  console.log(category);
   const iconUrl = `/icons/${category?.toLowerCase() || "default"}.svg`;
 
   // Create a rotated divIcon wrapper for the image
@@ -34,7 +33,13 @@ const getCategoryIcon = (category, heading = 0, size = [25, 25]) => {
       height: ${size[1]}px;
       filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
     ">
-      <img src="${iconUrl}" style="width: 100%; height: 100%;" />
+      <img 
+      src="${iconUrl}" 
+      style="width: 100%; height: 100%;
+      filter: brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(7495%) hue-rotate(356deg) brightness(91%) contrast(118%);
+      " 
+      
+      />
     </div>
   `;
 
@@ -184,7 +189,6 @@ const MapView = () => {
     );
 
     socketRef.current.on("flightsData", (data) => {
-      console.log(data);
       setFlights(data.ac || []);
     });