workspace with decoupled nostr package

packages/app/src/Pages/Notifications.tsx

@@ -0,0 +1,31 @@
+import { useEffect } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { HexKey } from "@snort/nostr";
+import { markNotificationsRead } from "State/Login";
+import { RootState } from "State/Store";
+import Timeline from "Element/Timeline";
+
+export default function NotificationsPage() {
+  const dispatch = useDispatch();
+  const pubkey = useSelector<RootState, HexKey | undefined>(s => s.login.publicKey);
+
+  useEffect(() => {
+    dispatch(markNotificationsRead());
+  }, []);
+
+  return (
+    <>
+      {pubkey && (
+        <Timeline
+          subject={{
+            type: "ptag",
+            items: [pubkey],
+            discriminator: pubkey.slice(0, 12),
+          }}
+          postsOnly={false}
+          method={"TIME_RANGE"}
+        />
+      )}
+    </>
+  );
+}