Update according to change request
This commit is contained in:
@@ -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)}`}
|
||||||
|
|||||||
@@ -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>;
|
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -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>;
|
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user