chore: monorepo

2023-12-25 14:28:39 +07:00
parent a6da07cd3f
commit 227c2ddefa
374 changed files with 19966 additions and 12758 deletions
@@ -0,0 +1,42 @@
+import { ChevronUpIcon } from '@lume/icons';
+import { NDKEvent, NDKFilter } from '@nostr-dev-kit/ndk';
+import { useEffect, useState } from 'react';
+import { useArk } from '../../provider';
+
+export function WidgetLive({
+  filter,
+  onClick,
+}: {
+  filter: NDKFilter;
+  onClick: () => void;
+}) {
+  const ark = useArk();
+  const [events, setEvents] = useState<NDKEvent[]>([]);
+
+  useEffect(() => {
+    const sub = ark.subscribe({
+      filter,
+      closeOnEose: false,
+      cb: (event: NDKEvent) => setEvents((prev) => [...prev, event]),
+    });
+
+    return () => {
+      if (sub) sub.stop();
+    };
+  }, []);
+
+  if (!events.length) return null;
+
+  return (
+    <div className="absolute left-0 top-11 z-50 flex h-11 w-full items-center justify-center">
+      <button
+        type="button"
+        onClick={onClick}
+        className="inline-flex h-9 w-max items-center justify-center gap-1 rounded-full bg-blue-500 px-2.5 text-sm font-semibold text-white hover:bg-blue-600"
+      >
+        <ChevronUpIcon className="h-4 w-4" />
+        {events.length} {events.length === 1 ? 'event' : 'events'}
+      </button>
+    </div>
+  );
+}