fix: #157

chore: video comments fix

src/element/event-reactions.tsx

@@ -55,17 +55,13 @@ export default function EventReactions({
   );
   return (
     <div
-      className={classNames(className, "grid items-center text-neutral-500", {
+      className={classNames(className, "flex gap-8 items-center text-neutral-500", {
-        "flex-col gap-8": vertical,
+        "flex-col": vertical,
-        "gap-4": !vertical,
       })}>
       {replyKind && (
         <AsyncButton
           onClick={async () => {
-            if (pub) {
+
-              const evReact = await pub.react(ev);
-              await system.BroadcastEvent(evReact);
-            }
           }}>
           <div className={iconClass}>
             <Icon name="message-circle" />

src/element/video/comment.tsx

@@ -25,7 +25,7 @@ export default function VideoComment({ ev }: { ev: TaggedNostrEvent }) {
           </div>
         </div>
         <Text content={ev.content} tags={ev.tags} />
-        <EventReactions ev={ev} replyKind={1} />
+        <EventReactions ev={ev} />
       </div>
     </div>
   );

src/pages/chat-popout.tsx

@@ -16,7 +16,7 @@ export function ChatPopout() {
   const lnk = parseNostrLink(encodeTLV(NostrPrefix.Address, findTag(ev, "d") ?? "", undefined, ev?.kind, ev?.pubkey));
   const chat = Boolean(new URL(window.location.href).searchParams.get("chat"));
   return (
-    <div className="h-[calc(100dvh-1rem)] w-screen px-2 my-2">
+    <div className="h-[calc(100vh-1rem)] w-screen px-2 my-2">
       <LiveChat
         ev={ev}
         link={lnk}