Update according to change request

This commit is contained in:
Tilen Komel
2025-02-03 18:27:22 +01:00
parent 76de3e0e02
commit fb1b4c6cc5
3 changed files with 6 additions and 20 deletions
@@ -29,8 +29,7 @@ export const TraceRoute = ({
<p>{to?.user?.longName}</p> <p>{to?.user?.longName}</p>
<p>↓ {snrTowards?.[0] ? snrTowards[0] : "??"}dB</p> <p>↓ {snrTowards?.[0] ? snrTowards[0] : "??"}dB</p>
{route.map((hop, i) => ( {route.map((hop, i) => (
// biome-ignore lint/suspicious/noArrayIndexKey: <explanation> <span key={nodes.get(hop)?.num}>
<span key={i}>
<p> <p>
{nodes.get(hop)?.user?.longName ?? `!${numberToHexUnpadded(hop)}`} {nodes.get(hop)?.user?.longName ?? `!${numberToHexUnpadded(hop)}`}
</p> </p>
@@ -45,8 +44,7 @@ export const TraceRoute = ({
<p>{from?.user?.longName}</p> <p>{from?.user?.longName}</p>
<p>↓ {snrBack?.[0] ? snrBack[0] : "??"}dB</p> <p>↓ {snrBack?.[0] ? snrBack[0] : "??"}dB</p>
{routeBack.map((hop, i) => ( {routeBack.map((hop, i) => (
// biome-ignore lint/suspicious/noArrayIndexKey: <explanation> <span key={nodes.get(hop)?.num}>
<span key={i}>
<p> <p>
{nodes.get(hop)?.user?.longName ?? {nodes.get(hop)?.user?.longName ??
`!${numberToHexUnpadded(hop)}`} `!${numberToHexUnpadded(hop)}`}
+2 -8
View File
@@ -1,4 +1,4 @@
import { type JSX, useEffect, useState } from "react"; import type { JSX } from "react";
export interface TimeAgoProps { export interface TimeAgoProps {
timestamp: number; timestamp: number;
@@ -37,11 +37,5 @@ const getTimeAgo = (
}; };
export const TimeAgo = ({ timestamp }: TimeAgoProps): JSX.Element => { export const TimeAgo = ({ timestamp }: TimeAgoProps): JSX.Element => {
const [timeAgo, setTimeAgo] = useState(getTimeAgo(timestamp)); return <span>{getTimeAgo(timestamp)}</span>;
useEffect(() => {
setTimeAgo(getTimeAgo(timestamp));
}, [timestamp]);
return <span>{timeAgo}</span>;
}; };
+2 -8
View File
@@ -1,4 +1,4 @@
import { type JSX, useEffect, useState } from "react"; import type { JSX } from "react";
export interface UptimeProps { export interface UptimeProps {
seconds: number; seconds: number;
@@ -13,11 +13,5 @@ const getUptime = (seconds: number): string => {
}; };
export const Uptime = ({ seconds }: UptimeProps): JSX.Element => { export const Uptime = ({ seconds }: UptimeProps): JSX.Element => {
const [uptime, setUptime] = useState(getUptime(seconds)); return <span>{getUptime(seconds)}</span>;
useEffect(() => {
setUptime(getUptime(seconds));
}, [seconds]);
return <span>{uptime}</span>;
}; };