added note connector (wip)

src/components/connectors/note.tsx

@@ -0,0 +1,58 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { DatabaseContext } from '@components/contexts/database';
+import { RelayContext } from '@components/contexts/relay';
+
+import { hoursAgo } from '@utils/getDate';
+
+import { follows } from '@stores/follows';
+import { relays } from '@stores/relays';
+
+import { useStore } from '@nanostores/react';
+import { dateToUnix } from 'nostr-react';
+import { memo, useCallback, useContext, useRef } from 'react';
+
+export const NoteConnector = memo(function NoteConnector() {
+  const db: any = useContext(DatabaseContext);
+  const relayPool: any = useContext(RelayContext);
+
+  const now = useRef(new Date());
+
+  const $follows = useStore(follows);
+  const $relays = useStore(relays);
+
+  const insertDB = useCallback(
+    async (event: any) => {
+      await db.execute(
+        `INSERT OR IGNORE INTO
+          cache_notes
+            (id, pubkey, created_at, kind, tags, content) VALUES
+            ("${event.id}", "${event.pubkey}", "${event.created_at}", "${event.kind}", '${JSON.stringify(event.tags)}', "${event.content}");`
+      );
+    },
+    [db]
+  );
+
+  relayPool.subscribe(
+    [
+      {
+        kinds: [1],
+        authors: $follows,
+        since: dateToUnix(hoursAgo(12, now.current)),
+      },
+    ],
+    $relays,
+    (event: any) => {
+      insertDB(event).catch(console.error);
+    },
+    undefined,
+    (events: any, relayURL: any) => {
+      console.log(events, relayURL);
+    }
+  );
+
+  return (
+    <div>
+      <p>Note</p>
+    </div>
+  );
+});