Kieran/zap.stream
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add popup link

Browse Source
This commit is contained in:
kieran
2024-05-23 10:01:58 +01:00
parent fc56d8da80
commit 36946bb234
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/dashboard/dashboard.tsx
View File

@ -21,12 +21,13 @@ import StreamKey from "@/element/provider/nostr/stream-key";
import { DefaultProvider, NostrStreamProvider, StreamProviderInfo } from "@/providers"; import { DefaultProvider, NostrStreamProvider, StreamProviderInfo } from "@/providers";
import { ExternalLink } from "@/element/external-link"; import { ExternalLink } from "@/element/external-link";
import BalanceTimeEstimate from "@/element/balance-time-estimate"; import BalanceTimeEstimate from "@/element/balance-time-estimate";
import { WarningButton } from "@/element/buttons"; import { Layer1Button, WarningButton } from "@/element/buttons";
import { useLogin } from "@/hooks/login"; import { useLogin } from "@/hooks/login";
import AccountTopup from "@/element/provider/nostr/topup"; import AccountTopup from "@/element/provider/nostr/topup";
import classNames from "classnames"; import classNames from "classnames";
import ManualStream from "./manual-stream"; import ManualStream from "./manual-stream";
import { unixNow } from "@snort/shared"; import { unixNow } from "@snort/shared";
import { Icon } from "@/element/icon";
const StreamSummary = lazy(() => import("@/element/summary-chart")); const StreamSummary = lazy(() => import("@/element/summary-chart"));
export function DashboardForLink({ link }: { link: NostrLink }) { export function DashboardForLink({ link }: { link: NostrLink }) {
@ -90,9 +91,8 @@ export function DashboardForLink({ link }: { link: NostrLink }) {
</h3> </h3>
<div className="uppercase font-semibold flex items-center gap-2"> <div className="uppercase font-semibold flex items-center gap-2">
<div <div
className={`w-3 h-3 rounded-full ${ className={`w-3 h-3 rounded-full ${status === StreamState.Live ? "animate-pulse bg-green-500" : "bg-red-500"
status === StreamState.Live ? "animate-pulse bg-green-500" : "bg-red-500" }`}></div>
}`}></div>
{status === StreamState.Live ? ( {status === StreamState.Live ? (
<FormattedMessage defaultMessage="Started" /> <FormattedMessage defaultMessage="Started" />
) : ( ) : (
@ -214,7 +214,15 @@ export function DashboardForLink({ link }: { link: NostrLink }) {
{streamLink && status === StreamState.Live && ( {streamLink && status === StreamState.Live && (
<> <>
<DashboardZapColumn ev={streamEvent!} link={streamLink} feed={feed} /> <DashboardZapColumn ev={streamEvent!} link={streamLink} feed={feed} />
<LiveChat link={streamLink} ev={streamEvent} className="min-h-0 border border-layer-2 rounded-xl px-4 py-3" /> <div className="border border-layer-2 rounded-xl px-4 py-3 flex flex-col">
<Layer1Button onClick={() => {
window.open(`${window.location.protocol}//${window.location.host}/chat/${link.encode()}?chat=true`, "", "popup=true,width=400,height=800")
}}>
<Icon name="link" size={24} />
<FormattedMessage defaultMessage="Chat Popout" />
</Layer1Button>
<LiveChat link={streamLink} ev={streamEvent} className="grow min-h-0" />
</div>
</> </>
)} )}
{streamLink && status === StreamState.Ended && ( {streamLink && status === StreamState.Ended && (