borg/drone-detector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix jwt-token

Browse Source
This commit is contained in:
Alexander Borg
2025-08-18 10:54:58 +02:00
parent 904d36fdc8
commit 7b31d7f5e5
1 changed files with 43 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
client/src/pages/MapView.jsx
View File

@@ -613,7 +613,16 @@ const DevicePopup = ({ device, status, detections }) => (
<div>Coordinates: {device.geo_lat}, {device.geo_lon}</div> <div>Coordinates: {device.geo_lat}, {device.geo_lon}</div>
{device.last_heartbeat && ( {device.last_heartbeat && (
<div> <div>
Last seen: {format(new Date(device.last_heartbeat), 'MMM dd, HH:mm')} Last seen: {(() => {
try {
if (device.last_heartbeat && !isNaN(new Date(device.last_heartbeat).getTime())) {
return format(new Date(device.last_heartbeat), 'MMM dd, HH:mm');
}
} catch (e) {
console.warn('Invalid last_heartbeat timestamp:', device.last_heartbeat, e);
}
return 'Invalid time';
})()}
</div> </div>
)} )}
</div> </div>
@@ -722,19 +731,33 @@ const DroneDetectionPopup = ({ detection, age, droneTypes, droneDetectionHistory
<div className="flex justify-between"> <div className="flex justify-between">
<span className="text-gray-600">First detected:</span> <span className="text-gray-600">First detected:</span>
<span className="font-mono text-gray-900"> <span className="font-mono text-gray-900">
{firstDetection.device_timestamp ? {(() => {
format(new Date(firstDetection.device_timestamp), 'MMM dd, HH:mm:ss') : const timestamp = firstDetection.device_timestamp || firstDetection.timestamp || firstDetection.server_timestamp;
'Unknown' try {
} if (timestamp && !isNaN(new Date(timestamp).getTime())) {
return format(new Date(timestamp), 'MMM dd, HH:mm:ss');
}
} catch (e) {
console.warn('Invalid firstDetection timestamp:', timestamp, e);
}
return 'Unknown';
})()}
</span> </span>
</div> </div>
<div className="flex justify-between"> <div className="flex justify-between">
<span className="text-gray-600">Latest detection:</span> <span className="text-gray-600">Latest detection:</span>
<span className="font-mono text-gray-900"> <span className="font-mono text-gray-900">
{detection.device_timestamp ? {(() => {
format(new Date(detection.device_timestamp), 'MMM dd, HH:mm:ss') : const timestamp = detection.device_timestamp || detection.timestamp || detection.server_timestamp;
'Unknown' try {
} if (timestamp && !isNaN(new Date(timestamp).getTime())) {
return format(new Date(timestamp), 'MMM dd, HH:mm:ss');
}
} catch (e) {
console.warn('Invalid detection timestamp:', timestamp, e);
}
return 'Unknown';
})()}
</span> </span>
</div> </div>
{droneHistory.length > 1 && ( {droneHistory.length > 1 && (
@@ -782,7 +805,17 @@ const DroneDetectionPopup = ({ detection, age, droneTypes, droneDetectionHistory
'bg-green-400' 'bg-green-400'
}`} }`}
style={{ height: `${height}px` }} style={{ height: `${height}px` }}
title={`${hist.rssi}dBm at ${format(new Date(hist.device_timestamp), 'HH:mm:ss')}`} title={`${hist.rssi}dBm at ${(() => {
const timestamp = hist.device_timestamp || hist.timestamp || hist.server_timestamp;
try {
if (timestamp && !isNaN(new Date(timestamp).getTime())) {
return format(new Date(timestamp), 'HH:mm:ss');
}
} catch (e) {
console.warn('Invalid timestamp:', timestamp, e);
}
return 'Invalid time';
})()}`}
/> />
); );
})} })}