From ebf48311ab0f89d3453f11a14255784405b1392f Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Wed, 19 Mar 2025 15:41:57 +0000
Subject: [PATCH] fixed LocateControl and added react-inlinesvg to external
 dependencies

---
 rollup.config.js                                            | 1 +
 src/Components/Map/Subcomponents/Controls/LocateControl.tsx | 4 ++--
 src/assets/target.svg                                       | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/rollup.config.js b/rollup.config.js
index 05dd097b..dac65839 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -76,6 +76,7 @@ export default [
       'leaflet.locatecontrol/dist/L.Control.Locate.css',
       'yet-another-react-lightbox',
       'react-photo-album',
+      'react-inlinesvg',
     ],
   },
   {
diff --git a/src/Components/Map/Subcomponents/Controls/LocateControl.tsx b/src/Components/Map/Subcomponents/Controls/LocateControl.tsx
index db555bf2..ace5b9e0 100644
--- a/src/Components/Map/Subcomponents/Controls/LocateControl.tsx
+++ b/src/Components/Map/Subcomponents/Controls/LocateControl.tsx
@@ -6,6 +6,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 import { control } from 'leaflet'
 import { useEffect, useRef, useState } from 'react'
+import SVG from 'react-inlinesvg'
 import { useMap, useMapEvents } from 'react-leaflet'
 
 import TargetSVG from '#assets/target.svg'
@@ -58,9 +59,8 @@ export const LocateControl = () => {
           {loading ? (
             <span className='tw-loading tw-loading-spinner tw-loading-md tw-mt-1'></span>
           ) : (
-            <img
+            <SVG
               src={TargetSVG}
-              alt='x'
               className='tw-mt-1 tw-p-[1px]'
               style={{ fill: `${active ? '#fc8702' : 'currentColor'}` }}
             />
diff --git a/src/assets/target.svg b/src/assets/target.svg
index 711e071b..12418655 100644
--- a/src/assets/target.svg
+++ b/src/assets/target.svg
@@ -5,4 +5,4 @@
     xmlns='http://www.w3.org/2000/svg'
 >
   <path d='M30 14.75h-2.824c-0.608-5.219-4.707-9.318-9.874-9.921l-0.053-0.005v-2.824c0-0.69-0.56-1.25-1.25-1.25s-1.25 0.56-1.25 1.25v0 2.824c-5.219 0.608-9.318 4.707-9.921 9.874l-0.005 0.053h-2.824c-0.69 0-1.25 0.56-1.25 1.25s0.56 1.25 1.25 1.25v0h2.824c0.608 5.219 4.707 9.318 9.874 9.921l0.053 0.005v2.824c0 0.69 0.56 1.25 1.25 1.25s1.25-0.56 1.25-1.25v0-2.824c5.219-0.608 9.318-4.707 9.921-9.874l0.005-0.053h2.824c0.69 0 1.25-0.56 1.25-1.25s-0.56-1.25-1.25-1.25v0zM17.25 24.624v-2.624c0-0.69-0.56-1.25-1.25-1.25s-1.25 0.56-1.25 1.25v0 2.624c-3.821-0.57-6.803-3.553-7.368-7.326l-0.006-0.048h2.624c0.69 0 1.25-0.56 1.25-1.25s-0.56-1.25-1.25-1.25v0h-2.624c0.57-3.821 3.553-6.804 7.326-7.368l0.048-0.006v2.624c0 0.69 0.56 1.25 1.25 1.25s1.25-0.56 1.25-1.25v0-2.624c3.821 0.57 6.803 3.553 7.368 7.326l0.006 0.048h-2.624c-0.69 0-1.25 0.56-1.25 1.25s0.56 1.25 1.25 1.25v0h2.624c-0.571 3.821-3.553 6.803-7.326 7.368l-0.048 0.006z'></path>
-</svg>
\ No newline at end of file
+</svg>