don't hate me, old git is fuck up

src/components/thread.tsx

@@ -0,0 +1,50 @@
+import { Liked } from '@components/note/liked';
+// import { Multi } from '@components/note/multi';
+import { Placeholder } from '@components/note/placeholder';
+import { Repost } from '@components/note/repost';
+import { Single } from '@components/note/single';
+
+import { useCallback } from 'react';
+import { Virtuoso } from 'react-virtuoso';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function Thread({ data }: { data: any }) {
+  const ItemContent = useCallback(
+    (index: string | number) => {
+      const event = data[index];
+
+      if (event.kind === 7) {
+        // type: like
+        return <Liked key={index} eventUser={event.pubkey} sourceID={event.tags[0][1]} />;
+      } else if (event.content === '#[0]') {
+        // type: repost
+        return <Repost key={index} eventUser={event.pubkey} sourceID={event.tags[0][1]} />;
+      } else {
+        // type: default
+        return <Single key={index} event={event} />;
+      }
+    },
+    [data]
+  );
+
+  return (
+    <Virtuoso
+      data={data}
+      itemContent={ItemContent}
+      components={{
+        EmptyPlaceholder: () => <Placeholder />,
+        ScrollSeekPlaceholder: () => <Placeholder />,
+      }}
+      scrollSeekConfiguration={{
+        enter: (velocity) => Math.abs(velocity) > 800,
+        exit: (velocity) => Math.abs(velocity) < 500,
+      }}
+      overscan={800}
+      increaseViewportBy={1000}
+      className="scrollbar-hide relative h-full w-full"
+      style={{
+        contain: 'strict',
+      }}
+    />
+  );
+}