From bd5142edc03f08a96ec89956b7d376a9a0581cbc Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Thu, 17 Oct 2024 11:00:39 +0200
Subject: [PATCH] welcome notification

---
 src/Components/Map/UtopiaMap.tsx      |  2 ++
 src/Components/Map/UtopiaMapInner.tsx | 19 +++++++++++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/Components/Map/UtopiaMap.tsx b/src/Components/Map/UtopiaMap.tsx
index e4e4ab3b..a5b0e32a 100644
--- a/src/Components/Map/UtopiaMap.tsx
+++ b/src/Components/Map/UtopiaMap.tsx
@@ -1,6 +1,8 @@
 import { UtopiaMapProps } from "../../types";
 import { ContextWrapper } from "../AppShell/ContextWrapper";
 import { UtopiaMapInner } from "./UtopiaMapInner";
+import 'react-toastify/dist/ReactToastify.css';
+
 
 function UtopiaMap(props: UtopiaMapProps) {
     return (
diff --git a/src/Components/Map/UtopiaMapInner.tsx b/src/Components/Map/UtopiaMapInner.tsx
index 67f6e341..eb40f0c4 100644
--- a/src/Components/Map/UtopiaMapInner.tsx
+++ b/src/Components/Map/UtopiaMapInner.tsx
@@ -6,7 +6,7 @@ import "./UtopiaMap.css";
 import { LatLng } from "leaflet";
 import MarkerClusterGroup from 'react-leaflet-cluster';
 import AddButton from "./Subcomponents/AddButton";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { ItemFormPopupProps } from "./Subcomponents/ItemFormPopup";
 import { SearchControl } from "./Subcomponents/Controls/SearchControl";
 import { Control } from "./Subcomponents/Controls/Control";
@@ -21,6 +21,9 @@ import { useLayers } from "./hooks/useLayers";
 import { useAddVisibleLayer } from "./hooks/useFilter";
 import { GratitudeControl } from "./Subcomponents/Controls/GratitudeControl";
 import { SelectPosition } from "./Subcomponents/SelectPosition";
+import { toast } from 'react-toastify'
+import { TextView } from "./Subcomponents/ItemPopupComponents/TextView";
+
 
 const mapDivRef = React.createRef();
 
@@ -33,7 +36,8 @@ export function UtopiaMapInner({
     geo,
     showFilterControl = false,
     showGratitudeControl = false,
-    showLayerControl = true
+    showLayerControl = true,
+    infoText
 }: UtopiaMapProps) {
 
     // Hooks that rely on contexts, called after ContextWrapper is provided
@@ -51,6 +55,17 @@ export function UtopiaMapInner({
         layers.forEach(layer => addVisibleLayer(layer));
     }, [layers]);
 
+    const init = useRef(false)
+    useEffect(() => {
+        if (!init.current) {
+            infoText && setTimeout(() => {
+                toast(<TextView rawText={infoText}/>, { autoClose: false});
+            }, 4000);
+            init.current=true;
+        }
+    }, [])
+    
+
     function MapEventListener() {
         useMapEvents({
             click: (e) => {