feat: relay uptime

packages/app/src/Components/Relay/Relay.tsx

@@ -4,6 +4,7 @@ import { FormattedMessage } from "react-intl";
 
 import useRelayState from "@/Feed/RelayState";
 import useLogin from "@/Hooks/useLogin";
+import RelayUptime from "@/Pages/settings/relays/uptime";
 import { getRelayName } from "@/Utils";
 
 import Icon from "../Icons/Icon";
@@ -67,6 +68,9 @@ export default function Relay(props: RelayProps) {
           </div>
         </div>
       </td>
+      <td className="text-center">
+        <RelayUptime url={props.addr} />
+      </td>
       <td>
         <Icon
           name="trash"

packages/app/src/Components/Review.tsx

@@ -0,0 +1,16 @@
+import { EventKind, NostrLink, RequestBuilder } from "@snort/system";
+import { useRequestBuilder } from "@snort/system-react";
+import { useMemo } from "react";
+
+export function ReviewSummary({ link }: { link: NostrLink }) {
+  const sub = useMemo(() => {
+    const rb = new RequestBuilder(`reviews:${link.id}`);
+    rb.withFilter()
+      .kinds([1986 as EventKind])
+      .replyToLink([link]);
+    return rb;
+  }, [link.id]);
+
+  const data = useRequestBuilder(sub);
+  return <pre>{JSON.stringify(data, undefined, 2)}</pre>;
+}