diff --git a/packages/app/src/Element/Relay.tsx b/packages/app/src/Element/Relay.tsx
index 989f22cdd..5d9e6afcb 100644
--- a/packages/app/src/Element/Relay.tsx
+++ b/packages/app/src/Element/Relay.tsx
@@ -1,33 +1,23 @@
import "./Relay.css";
import { useMemo } from "react";
-import { useIntl, FormattedMessage } from "react-intl";
+import { FormattedMessage } from "react-intl";
import { useNavigate } from "react-router-dom";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import {
- faPlug,
- faSquareCheck,
- faSquareXmark,
- faWifi,
- faPlugCircleXmark,
- faGear,
- faWarning,
-} from "@fortawesome/free-solid-svg-icons";
import { RelaySettings } from "@snort/nostr";
import useRelayState from "Feed/RelayState";
import { System } from "System";
import { getRelayName, unixNowMs, unwrap } from "Util";
-
-import messages from "./messages";
import useLogin from "Hooks/useLogin";
import { setRelays } from "Login";
+import Icon from "Icons/Icon";
+
+import messages from "./messages";
export interface RelayProps {
addr: string;
}
export default function Relay(props: RelayProps) {
- const { formatMessage } = useIntl();
const navigate = useNavigate();
const login = useLogin();
const relaySettings = unwrap(login.relays.item[props.addr] ?? System.Sockets.get(props.addr)?.Settings ?? {});
@@ -50,7 +40,7 @@ export default function Relay(props: RelayProps) {
<>
-
+
@@ -65,7 +55,7 @@ export default function Relay(props: RelayProps) {
read: relaySettings.read,
})
}>
-
+
@@ -78,28 +68,15 @@ export default function Relay(props: RelayProps) {
read: !relaySettings.read,
})
}>
-
+
-
-
- {latency > 2000
- ? formatMessage(messages.Seconds, {
- n: (latency / 1000).toFixed(0),
- })
- : formatMessage(messages.Milliseconds, {
- n: latency.toLocaleString(),
- })}
-
- {state?.disconnects}
-
- {state?.pendingRequests?.length}
-
+
navigate(state?.id ?? "")}>
-
+
diff --git a/packages/app/src/Hooks/useLoginHandler.tsx b/packages/app/src/Hooks/useLoginHandler.tsx
index 156844df4..94865c5c9 100644
--- a/packages/app/src/Hooks/useLoginHandler.tsx
+++ b/packages/app/src/Hooks/useLoginHandler.tsx
@@ -3,7 +3,7 @@ import { useIntl } from "react-intl";
import { EmailRegex, MnemonicRegex } from "Const";
import { LoginStore } from "Login";
import { generateBip39Entropy, entropyToPrivateKey } from "nip6";
-import { getNip05PubKey } from "Pages/Login";
+import { getNip05PubKey } from "Pages/LoginPage";
import { bech32ToHex } from "Util";
export default function useLoginHandler() {
diff --git a/packages/app/src/Icons/Icon.tsx b/packages/app/src/Icons/Icon.tsx
index 6d9c6400e..677a6306e 100644
--- a/packages/app/src/Icons/Icon.tsx
+++ b/packages/app/src/Icons/Icon.tsx
@@ -1,4 +1,5 @@
import { MouseEventHandler } from "react";
+import IconsSvg from "public/icons.svg";
type Props = {
name: string;
@@ -9,7 +10,7 @@ type Props = {
const Icon = (props: Props) => {
const size = props.size || 20;
- const href = "/icons.svg#" + props.name;
+ const href = `${IconsSvg}#` + props.name;
return (