From ac63672290a7ae65aa0e0e2d3c7c9af77ecb0a52 Mon Sep 17 00:00:00 2001
From: Anton <mail@antontranelis.de>
Date: Sat, 6 Jan 2024 13:37:05 +0100
Subject: [PATCH] added PopupButton component

---
 .../Subcomponents/ItemPopupComponents/PopupButton.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 src/Components/Map/Subcomponents/ItemPopupComponents/PopupButton.tsx

diff --git a/src/Components/Map/Subcomponents/ItemPopupComponents/PopupButton.tsx b/src/Components/Map/Subcomponents/ItemPopupComponents/PopupButton.tsx
new file mode 100644
index 00000000..fb653a44
--- /dev/null
+++ b/src/Components/Map/Subcomponents/ItemPopupComponents/PopupButton.tsx
@@ -0,0 +1,11 @@
+import * as React from 'react'
+import { Link } from 'react-router-dom'
+import { getValue } from '../../../../Utils/GetValue'
+import { Item } from '../../../../types'
+
+export const PopupButton = ({url, parameter, text, color, item} : {url: string, parameter: string, text: string, color : string, item? : Item}) => {
+    return (
+        <Link to={`${url}/${getValue(item,parameter)}`}><button style={{backgroundColor: getValue(item,color)}} className="tw-btn tw-text-white tw-btn-sm tw-float-right -tw-mt-2">{text}</button></Link>
+        
+    )
+}