remove some useless svg groups

[alttp.git] / resources / js / components / tracker / Canvas.js

diff --git a/resources/js/components/tracker/Canvas.js b/resources/js/components/tracker/Canvas.js
index fab194219c7d56ec9dee81d34c27b5cce9a2c340..1258776809c000152abb72187398cf62e46f6b3b 100644 (file)
--- a/resources/js/components/tracker/Canvas.js
+++ b/resources/js/components/tracker/Canvas.js
@@ -147,19 +147,16 @@ const Canvas = () => {
                </g>
                <g className="pins">
                        {pins.map(pin =>
-                               <g
+                               <ToggleIcon
                                        key={pin.id}
+                                       className={`map-pin map-pin-${pin.id}`}
+                                       controller={ToggleIcon.pinController(pin, removePin)}
+                                       icons={[pin.icon]}
+                                       svg
                                        transform={
                                                `translate(${pin.x * layout.width} ${pin.y * layout.height}) scale(3)`
                                        }
-                               >
-                                       <ToggleIcon
-                                               className={`map-pin map-pin-${pin.id}`}
-                                               controller={ToggleIcon.pinController(pin, removePin)}
-                                               icons={[pin.icon]}
-                                               svg
-                                       />
-                               </g>
+                               />
                        )}
                </g>
                {dragging ?