diff --git a/src/plugins/layers/useWSPR.js b/src/plugins/layers/useWSPR.js index 3bd3117..2c675aa 100644 --- a/src/plugins/layers/useWSPR.js +++ b/src/plugins/layers/useWSPR.js @@ -1,7 +1,7 @@ import { useState, useEffect, useRef } from 'react'; /** - * WSPR Propagation Heatmap Plugin v1.4.2 + * WSPR Propagation Heatmap Plugin v1.4.3 * * Advanced Features: * - Great circle curved path lines between transmitters and receivers @@ -19,6 +19,7 @@ import { useState, useEffect, useRef } from 'react'; * - Proper cleanup on disable (v1.4.1) * - Fixed duplicate control creation (v1.4.2) * - Performance optimizations (v1.4.2) + * - Separate opacity controls for paths and heatmap (v1.4.3) * - Statistics display (total stations, spots) * - Signal strength legend * @@ -34,7 +35,7 @@ export const metadata = { category: 'propagation', defaultEnabled: false, defaultOpacity: 0.7, - version: '1.4.2' + version: '1.4.3' }; // Convert grid square to lat/lon @@ -264,6 +265,10 @@ export function useLayer({ enabled = false, opacity = 0.7, map = null }) { const [showAnimation, setShowAnimation] = useState(true); const [showHeatmap, setShowHeatmap] = useState(false); + // v1.4.3 - Separate opacity controls + const [pathOpacity, setPathOpacity] = useState(0.7); + const [heatmapOpacity, setHeatmapOpacity] = useState(0.6); + // UI Controls (refs to avoid recreation) const legendControlRef = useRef(null); const statsControlRef = useRef(null); @@ -358,7 +363,19 @@ export function useLayer({ enabled = false, opacity = 0.7, map = null }) { style="width: 100%;" /> +
+ + +
+
+ + +
+ +