import useLocalState from "@/state/state";
import Icon from "@/components/Icon";
import spinner from "@/assets/triangles.svg";
import Post from "@/components/post/Post";
import { extractThread, toFlat } from "@/logic/trill/helpers";
import type { FC, FullNode, Poast } from "@/types/trill";
import Composer from "@/components/composer/Composer";
import type { UserProfile } from "@/types/nostrill";
import type { Ship } from "@/types/urbit";
import { useEffect, useState } from "react";
export default function Thread({
host,
id,
feed,
profile,
}: {
host: Ship;
id: string;
feed?: FC;
profile?: UserProfile;
}) {
const poast = feed?.feed[id];
console.log({ poast });
return (
<>
Thread
~{host}
•
#{id}
{poast && poast.children.length === 0 ? (
) : (
)}
);
}
function Loader({
host,
id,
profile,
poast,
}: {
host: Ship;
id: string;
poast?: Poast;
profile?: UserProfile;
}) {
const api = useLocalState((s) => s.api);
const [data, setData] = useState();
const [error, setError] = useState("");
console.log({ data });
async function fetchThread() {
const res = await api!.scryThread(host, id);
if ("error" in res) setError(res.error);
else setData(res.ok);
}
useEffect(() => {
fetchThread();
}, [host, id]);
if (data)
return (
<>
);
if (poast)
return (
<>