Updates:

- Clip page
- Reactions on notes / clips
- Summary clips / shares

src/pages/category.tsx

@@ -1,7 +1,5 @@
-import { StreamState } from "@/const";
 import CategoryLink from "@/element/category-link";
 import VideoGridSorted from "@/element/video-grid-sorted";
-import { extractStreamInfo } from "@/utils";
 import { EventKind, RequestBuilder } from "@snort/system";
 import { useRequestBuilder } from "@snort/system-react";
 import { useMemo } from "react";
@@ -15,6 +13,7 @@ export const AllCategories = [
     icon: "face",
     tags: ["irl"],
     priority: 0,
+    className: "bg-category-gradient-1",
   },
   {
     id: "gaming",
@@ -22,6 +21,7 @@ export const AllCategories = [
     icon: "gaming-pad",
     tags: ["gaming"],
     priority: 0,
+    className: "bg-category-gradient-2",
   },
   {
     id: "music",
@@ -29,6 +29,7 @@ export const AllCategories = [
     icon: "music",
     tags: ["music"],
     priority: 0,
+    className: "bg-category-gradient-3",
   },
   {
     id: "talk",
@@ -36,6 +37,7 @@ export const AllCategories = [
     icon: "mic",
     tags: ["talk"],
     priority: 0,
+    className: "bg-category-gradient-4",
   },
   {
     id: "art",
@@ -43,6 +45,15 @@ export const AllCategories = [
     icon: "art",
     tags: ["art"],
     priority: 0,
+    className: "bg-category-gradient-5",
+  },
+  {
+    id: "gambling",
+    name: <FormattedMessage defaultMessage="Gambling" />,
+    icon: "dice",
+    tags: ["gambling", "casino", "slots"],
+    priority: 1,
+    className: "bg-category-gradient-6",
   },
 ];
 

src/pages/chat-popout.tsx

@@ -25,6 +25,7 @@ export function ChatPopout() {
         showScrollbar={false}
         goal={goal}
         className="h-inherit"
+        autoRaid={false}
       />
     </div>
   );

src/pages/stream-page.tsx

@@ -1,4 +1,4 @@
-import { NostrLink, TaggedNostrEvent } from "@snort/system";
+import { EventKind, NostrLink, TaggedNostrEvent } from "@snort/system";
 import { useLocation, useNavigate } from "react-router-dom";
 import { Helmet } from "react-helmet";
 import { NostrEvent } from "@snort/system";
@@ -30,6 +30,7 @@ import { NotificationsButton } from "@/element/notifications-button";
 import { WarningButton } from "@/element/buttons";
 import Pill from "@/element/pill";
 import { useMediaQuery } from "usehooks-ts";
+import { EventEmbed as NostrEventElement } from "@/element/event-embed";
 
 function StreamInfo({ ev, goal }: { ev?: TaggedNostrEvent; goal?: TaggedNostrEvent }) {
   const system = useContext(SnortContext);
@@ -112,8 +113,16 @@ export function StreamPageHandler() {
   const evPreload = getEventFromLocationState(location.state);
   const link = useStreamLink();
 
-  if (link) {
+  if (!link) return;
+
+  if (link.kind === EventKind.LiveEvent) {
     return <StreamPage link={link} evPreload={evPreload} />;
+  } else {
+    return (
+      <div className="rounded-2xl px-4 py-3 md:w-[700px] mx-auto w-full">
+        <NostrEventElement link={link} />
+      </div>
+    );
   }
 }