fix: Added LOTW badge for Lotw users colored depending on their last upload

2026-07-09 19:32:32 +02:00
parent f3bf0b2f5c
commit 16e780c2df
13 changed files with 465 additions and 6 deletions
@@ -37,6 +37,7 @@ import {
  GetExternalServices, SaveExternalServices, TestQRZUpload, TestClublogUpload, TestHRDLogUpload, TestEQSLUpload,
  GetPOTAToken, SavePOTAToken,
  TestLoTWUpload, ListTQSLStationLocations,
+  DownloadLoTWUsers, GetLoTWUsersStatus,
  ComputeStationInfo,
  GetUIPref, SetUIPref,
  GetFlexState, GetFlexBandAntennas, SaveFlexBandAntennas,
@@ -996,6 +997,16 @@ export function SettingsModal({ onClose, onSaved, initialSection, onMainPaneChan
  const [clublogTesting, setClublogTesting] = useState(false);
  const [lotwTest, setLotwTest] = useState<{ ok: boolean; msg: string } | null>(null);
  const [lotwTesting, setLotwTesting] = useState(false);
+  // LoTW user-activity list (for the callsign badge): count + last refresh.
+  const [lotwUsers, setLotwUsers] = useState<{ count: number; updated?: string }>({ count: 0 });
+  const [lotwUsersBusy, setLotwUsersBusy] = useState(false);
+  useEffect(() => { GetLoTWUsersStatus().then((s) => setLotwUsers(s as any)).catch(() => {}); }, []);
+  const downloadLotwUsers = async () => {
+    setLotwUsersBusy(true);
+    try { await DownloadLoTWUsers(); const s = await GetLoTWUsersStatus(); setLotwUsers(s as any); }
+    catch (e: any) { setLotwTest({ ok: false, msg: String(e?.message ?? e) }); }
+    finally { setLotwUsersBusy(false); }
+  };
  const [hrdlogTest, setHrdlogTest] = useState<{ ok: boolean; msg: string } | null>(null);
  const [hrdlogTesting, setHrdlogTesting] = useState(false);
  const [eqslTest, setEqslTest] = useState<{ ok: boolean; msg: string } | null>(null);
@@ -3551,6 +3562,23 @@ export function SettingsModal({ onClose, onSaved, initialSection, onMainPaneChan
                )}
              </div>
            </div>
+
+            {/* LoTW user list — powers the colour-coded "LoTW" badge next to the
+                entered callsign (green < 1 week · amber 1–4 weeks · red > 30 days). */}
+            <div className="border-t border-border/60 pt-3 space-y-2">
+              <Label className="text-sm font-medium">{t('lotw.usersTitle')}</Label>
+              <p className="text-[11px] text-muted-foreground">{t('lotw.usersHint')}</p>
+              <div className="flex items-center gap-3">
+                <Button variant="outline" size="sm" onClick={downloadLotwUsers} disabled={lotwUsersBusy}>
+                  <ArrowDown className="size-3.5" /> {lotwUsersBusy ? t('lotw.usersDownloading') : t('lotw.usersDownload')}
+                </Button>
+                <span className="text-xs text-muted-foreground">
+                  {lotwUsers.count > 0
+                    ? t('lotw.usersLoaded', { n: lotwUsers.count.toLocaleString(), date: lotwUsers.updated ? new Date(lotwUsers.updated).toLocaleDateString() : '?' })
+                    : t('lotw.usersNone')}
+                </span>
+              </div>
+            </div>
          </div>
        ) : extSvcTab === 'pota' ? (
          <div className="space-y-4 max-w-2xl">