diff --git a/src/Components/Map/UtopiaMap.css b/src/Components/Map/UtopiaMap.css
index 50477fd9..4b59a0d7 100644
--- a/src/Components/Map/UtopiaMap.css
+++ b/src/Components/Map/UtopiaMap.css
@@ -72,6 +72,20 @@
left: 4px;
width: 24px;
}
+
+ .music-icon {
+ position: relative;
+ top: -35px;
+ left: 4px;
+ width: 24px;
+ }
+
+ .drum-icon {
+ position: relative;
+ top: -38px;
+ left: 4px;
+ width: 24px;
+ }
.leaflet-popup-scrolled {
overflow-x: hidden;
diff --git a/src/Components/Profile/OverlayProfile.tsx b/src/Components/Profile/OverlayProfile.tsx
index 6881874e..43703e98 100644
--- a/src/Components/Profile/OverlayProfile.tsx
+++ b/src/Components/Profile/OverlayProfile.tsx
@@ -52,6 +52,9 @@ export function OverlayProfile() {
useEffect(() => {
+ setOffers([]);
+ setNeeds([]);
+ setOwner(undefined);
item?.layer?.itemOwnerField && setOwner(getValue(item, item.layer?.itemOwnerField));
item.layer?.itemOffersField && getValue(item, item.layer.itemOffersField).map(o => {
const tag = tags.find(t => t.id === o.tags_id);
@@ -61,7 +64,6 @@ export function OverlayProfile() {
const tag = tags.find(t => t.id === n.tags_id);
tag && setNeeds(current => [...current, tag])
})
-
}, [item])
diff --git a/src/Utils/MarkerIconFactory.ts b/src/Utils/MarkerIconFactory.ts
index 8bc91637..c098108f 100644
--- a/src/Utils/MarkerIconFactory.ts
+++ b/src/Utils/MarkerIconFactory.ts
@@ -23,7 +23,11 @@ const addIcon = (icon: string) => {
case "fire":
return ''
case "tree":
- return ''
+ return ''
+ case "music":
+ return ''
+ case "drum":
+ return ''
default:
return "";
}