From ad41d08355ed863565d2b26484e4565c7c2bb0e1 Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Fri, 30 Jun 2023 22:11:54 +0100
Subject: [PATCH] Use host tag

---
 src/element/send-zap.tsx   | 2 +-
 src/element/video-tile.tsx | 4 ++--
 src/pages/layout.css       | 6 +++---
 src/pages/layout.tsx       | 2 +-
 src/pages/stream-page.tsx  | 7 +++----
 5 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/element/send-zap.tsx b/src/element/send-zap.tsx
index 84257f0..1652c82 100644
--- a/src/element/send-zap.tsx
+++ b/src/element/send-zap.tsx
@@ -114,7 +114,7 @@ function SendZaps({ lnurl, ev, targetName, onFinish }: SendZapsProps) {
         </div>
         <div>
           <small>Your comment for {name}</small>
-          <div className="input">
+          <div className="paper">
             <textarea
               placeholder="Nice!"
               value={comment}
diff --git a/src/element/video-tile.tsx b/src/element/video-tile.tsx
index f5368aa..2f40670 100644
--- a/src/element/video-tile.tsx
+++ b/src/element/video-tile.tsx
@@ -12,7 +12,7 @@ export function VideoTile({ ev }: { ev: NostrEvent }) {
     const title = ev.tags.find(a => a[0] === "title")?.[1];
     const image = ev.tags.find(a => a[0] === "image")?.[1];
     const status = ev.tags.find(a => a[0] === "status")?.[1];
-    const isLive = status === "live";
+    const host = ev.tags.find(a => a[0] === "p" && a[3] === "host")?.[1] ?? ev.pubkey;
 
     const link = encodeTLV(NostrPrefix.Address, id, undefined, ev.kind, ev.pubkey);
     return <Link to={`/${link}`} className="video-tile" ref={ref}>
@@ -23,7 +23,7 @@ export function VideoTile({ ev }: { ev: NostrEvent }) {
         </div>
         <h3>{title}</h3>
         <div>
-            {inView && <Profile pubkey={ev.pubkey} />}
+            {inView && <Profile pubkey={host} />}
         </div>
     </Link>
 }
\ No newline at end of file
diff --git a/src/pages/layout.css b/src/pages/layout.css
index 321ad6a..6716a20 100644
--- a/src/pages/layout.css
+++ b/src/pages/layout.css
@@ -99,7 +99,7 @@ header .logo {
     cursor: pointer;
 }
 
-header .input {
+header .paper {
     min-width: 300px;
     height: 32px;
 }
@@ -131,11 +131,11 @@ header .profile img {
     gap: 8px;
   }
 
-  header .input {
+  header .paper {
     min-width: unset;
   }
 
-  header .input .search-input {
+  header .paper .search-input {
     display: none;
   }
 
diff --git a/src/pages/layout.tsx b/src/pages/layout.tsx
index 3a2f8d9..c6545a8 100644
--- a/src/pages/layout.tsx
+++ b/src/pages/layout.tsx
@@ -81,7 +81,7 @@ export function LayoutPage() {
         <div className="logo" onClick={() => navigate("/")}>
           S
         </div>
-        <div className="input">
+        <div className="paper">
           <input className="search-input" type="text" placeholder="Search" />
           <Icon name="search" size={15} />
         </div>
diff --git a/src/pages/stream-page.tsx b/src/pages/stream-page.tsx
index 92a1c5d..c14f746 100644
--- a/src/pages/stream-page.tsx
+++ b/src/pages/stream-page.tsx
@@ -22,7 +22,8 @@ function ProfileInfo({ link }: { link: NostrLink }) {
   const thisEvent = useEventFeed(link, true);
   const login = useLogin();
   const navigate = useNavigate();
-  const profile = useUserProfile(System, thisEvent.data?.pubkey);
+  const host = thisEvent.data?.tags.find(a => a[0] === "p" && a[3] === "host")?.[1] ?? thisEvent.data?.pubkey;
+  const profile = useUserProfile(System, host);
   const zapTarget = profile?.lud16 ?? profile?.lud06;
 
   const status = findTag(thisEvent.data, "status");
@@ -77,7 +78,7 @@ function ProfileInfo({ link }: { link: NostrLink }) {
           )}
         </div>
         <div className="profile-info flex g24">
-          <Profile pubkey={thisEvent.data?.pubkey ?? ""} />
+          <Profile pubkey={host ?? ""} />
           {zapTarget && thisEvent.data && (
             <SendZapsDialog
               lnurl={zapTarget}
@@ -104,13 +105,11 @@ function VideoPlayer({ link }: { link: NostrLink }) {
 }
 
 export function StreamPage() {
-  const ref = useRef(null);
   const params = useParams();
   const link = parseNostrLink(params.id!);
 
   return (
     <>
-      <div ref={ref}></div>
       <VideoPlayer link={link} />
       <ProfileInfo link={link} />
       <LiveChat link={link} />