From 666428ba53bdcbd22df3bf96fad9836723fd371c Mon Sep 17 00:00:00 2001
From: Rajiv Sahal <sahalrajiv6900@gmail.com>
Date: Fri, 6 Oct 2023 13:16:21 +0530
Subject: [PATCH] fix: location icon doesn't change according to theme (#11504)

* Pass icon from eventmeta parent component

* Update readme

* fix: use dark:invert on map pin

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>

* chore: remove log

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>

* fix: change svg name

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>

* Update packages/features/bookings/components/event-meta/AvailableEventLocations.tsx

---------

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>
Co-authored-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>
Co-authored-by: Udit Takkar <53316345+Udit-takkar@users.noreply.github.com>
Co-authored-by: Hariom Balhara <hariombalhara@gmail.com>
---
 apps/web/components/eventtype/EventSetupTab.tsx               | 1 -
 apps/web/public/{map-pin.svg => map-pin-dark.svg}             | 0
 packages/app-store/locations.ts                               | 4 ++--
 .../components/event-meta/AvailableEventLocations.tsx         | 2 +-
 4 files changed, 3 insertions(+), 4 deletions(-)
 rename apps/web/public/{map-pin.svg => map-pin-dark.svg} (100%)

diff --git a/apps/web/components/eventtype/EventSetupTab.tsx b/apps/web/components/eventtype/EventSetupTab.tsx
index fbff6af59a..3df736b876 100644
--- a/apps/web/components/eventtype/EventSetupTab.tsx
+++ b/apps/web/components/eventtype/EventSetupTab.tsx
@@ -294,7 +294,6 @@ export const EventSetupTab = (
 
               const eventLabel =
                 location[eventLocationType.defaultValueVariable] || t(eventLocationType.label);
-
               return (
                 <li
                   key={`${location.type}${index}`}
diff --git a/apps/web/public/map-pin.svg b/apps/web/public/map-pin-dark.svg
similarity index 100%
rename from apps/web/public/map-pin.svg
rename to apps/web/public/map-pin-dark.svg
diff --git a/packages/app-store/locations.ts b/packages/app-store/locations.ts
index 019a53507a..68358d839f 100644
--- a/packages/app-store/locations.ts
+++ b/packages/app-store/locations.ts
@@ -91,7 +91,7 @@ export const defaultLocations: DefaultEventLocationType[] = [
     attendeeInputType: "attendeeAddress",
     attendeeInputPlaceholder: "enter_address",
     defaultValueVariable: "attendeeAddress",
-    iconUrl: "/map-pin.svg",
+    iconUrl: "/map-pin-dark.svg",
     category: "in person",
   },
   {
@@ -103,7 +103,7 @@ export const defaultLocations: DefaultEventLocationType[] = [
     // HACK:
     variable: "locationAddress",
     defaultValueVariable: "address",
-    iconUrl: "/map-pin.svg",
+    iconUrl: "/map-pin-dark.svg",
     category: "in person",
   },
   {
diff --git a/packages/features/bookings/components/event-meta/AvailableEventLocations.tsx b/packages/features/bookings/components/event-meta/AvailableEventLocations.tsx
index 9834126e70..cc8b6e253e 100644
--- a/packages/features/bookings/components/event-meta/AvailableEventLocations.tsx
+++ b/packages/features/bookings/components/event-meta/AvailableEventLocations.tsx
@@ -96,7 +96,7 @@ export function AvailableEventLocations({ locations }: { locations: LocationObje
   return filteredLocations.length > 1 ? (
     <div className="flex flex-row items-center text-sm font-medium">
       <img
-        src="/map-pin.svg"
+        src="/map-pin-dark.svg"
         className={classNames("me-[10px] h-4 w-4 opacity-70 dark:invert")}
         alt="map-pin"
       />