From 27f0af6654e6bff21c6743b6f6aa8ed56e111f12 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Tue, 4 Feb 2025 17:25:21 +0000
Subject: [PATCH] incude button

---
 .../Subcomponents/ItemPopupComponents/PopupButton.tsx    | 2 +-
 src/Components/Map/UtopiaMapInner.tsx                    | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/Components/Map/Subcomponents/ItemPopupComponents/PopupButton.tsx b/src/Components/Map/Subcomponents/ItemPopupComponents/PopupButton.tsx
index 3f3bf2da..e417cd8a 100644
--- a/src/Components/Map/Subcomponents/ItemPopupComponents/PopupButton.tsx
+++ b/src/Components/Map/Subcomponents/ItemPopupComponents/PopupButton.tsx
@@ -27,7 +27,7 @@ export const PopupButton = ({
     <Link to={`${url}/${parameterField ? getValue(item, parameterField) : ''}?${params}`}>
       <button
         style={{
-          backgroundColor: `${colorField && getValue(item, colorField) ? getValue(item, colorField) : item && getItemTags(item) && getItemTags(item)[0] && getItemTags(item)[0].color ? getItemTags(item)[0].color : item?.layer?.markerDefaultColor}`,
+          backgroundColor: `${colorField && getValue(item, colorField) ? getValue(item, colorField) : item && getItemTags(item) && getItemTags(item)[0] && getItemTags(item)[0].color ? getItemTags(item)[0].color : item?.layer?.markerDefaultColor ? item?.layer?.markerDefaultColor : '#000'}`,
         }}
         className='tw-btn tw-text-white tw-btn-sm tw-float-right tw-mt-1'
       >
diff --git a/src/Components/Map/UtopiaMapInner.tsx b/src/Components/Map/UtopiaMapInner.tsx
index 6cdf9106..61d323f3 100644
--- a/src/Components/Map/UtopiaMapInner.tsx
+++ b/src/Components/Map/UtopiaMapInner.tsx
@@ -33,6 +33,7 @@ import { GratitudeControl } from './Subcomponents/Controls/GratitudeControl'
 import { LayerControl } from './Subcomponents/Controls/LayerControl'
 import { SearchControl } from './Subcomponents/Controls/SearchControl'
 import { TagsControl } from './Subcomponents/Controls/TagsControl'
+import { PopupButton } from './Subcomponents/ItemPopupComponents/PopupButton'
 import { TextView } from './Subcomponents/ItemPopupComponents/TextView'
 import { SelectPosition } from './Subcomponents/SelectPosition'
 
@@ -72,7 +73,13 @@ export function UtopiaMapInner({
     if (!init.current) {
       infoText &&
         setTimeout(() => {
-          toast(<TextView rawText={infoText} />, { autoClose: false })
+          toast(
+            <>
+              <PopupButton url={'https://opencollective.com/utopia-project'} text={'Support us'} />
+              <TextView rawText={infoText} />
+            </>,
+            { autoClose: false },
+          )
         }, 10000)
       init.current = true
     }