fix psk

2 days ago · 14f9539eb4
parent 54287f1a4b
commit 14f9539eb4
3 changed files with 25 additions and 15 deletions
--- a/public/index.html
+++ b/public/index.html
@ -50,6 +50,19 @@
      background: none;
      padding: 5px 0;
    }
+    a.button {
+      display: inline-block;
+      background: #4ade80;
+      color: #1a1a2e;
+      padding: 12px 24px;
+      border-radius: 6px;
+      text-decoration: none;
+      font-weight: bold;
+      margin: 20px 0;
+    }
+    a.button:hover {
+      background: #22c55e;
+    }
    .note {
      font-size: 0.9rem;
      color: #888;
@ -60,22 +73,20 @@
 <body>
  <div class="container">
    <h1>📻 OpenHamClock</h1>
-    <p>The frontend needs to be built before running.</p>
+    <p>The modular frontend needs to be built first.</p>
+    
+    <a href="/index-monolithic.html" class="button">Use Classic Version Instead</a>
    
+    <p style="margin-top: 30px;">Or build the modular version:</p>
    <div class="command">
      <code>npm install</code>
      <code>npm run build</code>
      <code>npm start</code>
    </div>
    
-    <p>Or use the quick start:</p>
-    <div class="command">
-      <code>npm install && npm start</code>
-    </div>
-    
    <p class="note">
-      If you're seeing this page, the build step was skipped.<br>
-      Running <code>npm start</code> should auto-build if needed.
+      The classic version works without building.<br>
+      The modular version requires Node.js 18+ to build.
    </p>
  </div>
 </body>
--- a/src/components/PSKReporterPanel.jsx
+++ b/src/components/PSKReporterPanel.jsx
@ -16,11 +16,11 @@ const PSKReporterPanel = ({ callsign, onShowOnMap }) => {
    rxCount, 
    stats,
    loading, 
+    error,
    lastUpdate,
    refresh 
  } = usePSKReporter(callsign, { 
    minutes: timeWindow,
-    direction: 'both',
    enabled: callsign && callsign !== 'N0CALL'
  });

--- a/src/hooks/usePSKReporter.js
+++ b/src/hooks/usePSKReporter.js
@ -1,10 +1,10 @@
 /**
 * usePSKReporter Hook
- * Fetches PSKReporter data showing where your signal is being received
+ * Fetches PSKReporter data showing where your digital mode signals are being received
 * 
 * Uses HTTP API with server-side caching to respect PSKReporter rate limits.
- * For real-time updates, connect directly to mqtt.pskreporter.info:1886 (wss)
- * Topic: pskr/filter/v2/+/+/YOURCALL/#
+ * 
+ * For real-time MQTT updates, see mqtt.pskreporter.info (requires mqtt.js library)
 */
 import { useState, useEffect, useCallback } from 'react';

@ -43,7 +43,6 @@ export const usePSKReporter = (callsign, options = {}) => {
  const [rxReports, setRxReports] = useState([]);
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState(null);
-  const [rateLimited, setRateLimited] = useState(false);
  const [lastUpdate, setLastUpdate] = useState(null);

  const fetchData = useCallback(async () => {
@ -90,7 +89,6 @@ export const usePSKReporter = (callsign, options = {}) => {
        
        setTxReports(processedTx);
        setRxReports(processedRx);
-        setRateLimited(data.tx?.rateLimited || data.rx?.rateLimited || false);
        setLastUpdate(new Date());
        
        // Check for errors in response
@ -139,7 +137,8 @@ export const usePSKReporter = (callsign, options = {}) => {
    stats,
    loading,
    error,
-    rateLimited,
+    connected: false, // HTTP mode - not real-time connected
+    source: 'http',
    lastUpdate,
    refresh: fetchData
  };