added frontend WS connection for demonstration purposes

1 files changed, 47 insertions, 0 deletions

diff --git a/gui/src/components/post/RP.tsx b/gui/src/components/post/RP.tsx
new file mode 100644
index 0000000..27fa02d
--- /dev/null
+++ b/gui/src/components/post/RP.tsx
@@ -0,0 +1,47 @@
+import Post from "./Post";
+import type { Ship } from "@/types/urbit";
+import type { Poast, FullNode, ID } from "@/types/trill";
+import PostData from "./Loader";
+export default function (props: {
+  host: string;
+  id: string;
+  rter: Ship;
+  rtat: number;
+  rtid: ID;
+  refetch?: Function;
+}) {
+  return PostData(props)(RP);
+}
+
+function RP({
+  data,
+  refetch,
+  rter,
+  rtat,
+  rtid,
+}: {
+  data: FullNode;
+  refetch: Function;
+  rter: Ship;
+  rtat: number;
+  rtid: ID;
+}) {
+  return (
+    <Post
+      poast={toFlat(data)}
+      rter={rter}
+      rtat={rtat}
+      rtid={rtid}
+      refetch={refetch}
+    />
+  );
+}
+
+export function toFlat(n: FullNode): Poast {
+  return {
+    ...n,
+    children: !n.children
+      ? []
+      : Object.keys(n.children).map((c) => n.children[c].id),
+  };
+}