- {cards.length === 99 &&
}
{cards.map((ev) => (
))}
@@ -445,42 +439,7 @@ export function ReadOnlyStreamCards({ host, isLive }: StreamCardsProps) {
);
}
-interface TopZappersProps {
- host: string;
- isLive: boolean;
- n?: number;
-}
-
-function TopZappers({ host, isLive, n = 5 }: TopZappersProps) {
- const zaps = useZaps(host);
- const topZappers = useTopZappers(zaps);
- return topZappers.length > 0 ? (
-
-
Top Zappers
-
- {topZappers
- .filter((z) => z.pubkey !== "anon")
- .slice(0, n)
- .map((z, idx) => (
-
-
-
-
-
{formatSats(z.total)}
-
-
- ))}
-
-
- ) : null;
-}
-
-export function StreamCards({ host, isLive }: StreamCardsProps) {
+export function StreamCards({ host }: StreamCardsProps) {
const login = useLogin();
const canEdit = login?.pubkey === host;
return (
@@ -488,7 +447,7 @@ export function StreamCards({ host, isLive }: StreamCardsProps) {
{canEdit ? (
) : (
-
+
)}
);
diff --git a/src/element/text.css b/src/element/text.css
deleted file mode 100644
index c4228f4..0000000
--- a/src/element/text.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.text img:not(.emoji):not(.note-avatar) {
- max-height: 720px;
- margin-top: 8px;
- width: 100%;
- border-radius: 6px;
-}
-
-.text video {
- width: 100%;
- margin-top: 8px;
- aspect-ratio: 4/3;
- border-radius: 6px;
-}
diff --git a/src/element/text.tsx b/src/element/text.tsx
index 55aa64a..4aece15 100644
--- a/src/element/text.tsx
+++ b/src/element/text.tsx
@@ -1,4 +1,3 @@
-import "./text.css";
import { useMemo, type ReactNode, type FunctionComponent } from "react";
import {
diff --git a/src/index.css b/src/index.css
index a8bb77e..c277153 100644
--- a/src/index.css
+++ b/src/index.css
@@ -260,13 +260,6 @@ div.paper {
margin: 6px;
}
-.dialog-trigger {
- font-size: 15px;
- background: transparent;
- border: none;
- display: inline;
-}
-
.ctx-menu {
font-size: 16px;
font-weight: 700;
diff --git a/src/pages/stream-page.tsx b/src/pages/stream-page.tsx
index 8d0245d..e34c154 100644
--- a/src/pages/stream-page.tsx
+++ b/src/pages/stream-page.tsx
@@ -3,9 +3,6 @@ import { parseNostrLink, TaggedRawEvent } from "@snort/system";
import { useLocation, useNavigate, useParams } from "react-router-dom";
import { Helmet } from "react-helmet";
-import { NostrEvent } from "@snort/system";
-import { useUserProfile } from "@snort/system-react";
-
import { LiveVideoPlayer } from "element/live-video-player";
import {
createNostrLink,
@@ -20,10 +17,13 @@ import { useLogin } from "hooks/login";
import { useZapGoal } from "hooks/goals";
import { StreamState, System } from "index";
import { SendZapsDialog } from "element/send-zap";
+import { NostrEvent } from "@snort/system";
+import { useUserProfile } from "@snort/system-react";
import { NewStreamDialog } from "element/new-stream";
import { Tags } from "element/tags";
import { StatePill } from "element/state-pill";
import { StreamCards } from "element/stream-cards";
+import { formatSats } from "number";
import { StreamTimer } from "element/stream-time";
import { ShareMenu } from "element/share-menu";
import {
@@ -31,7 +31,6 @@ import {
isContentWarningAccepted,
} from "element/content-warning";
import { useCurrentStreamFeed } from "hooks/current-stream-feed";
-import { formatSats } from "number";
function ProfileInfo({ ev, goal }: { ev?: NostrEvent; goal?: TaggedRawEvent }) {
const login = useLogin();
@@ -157,7 +156,7 @@ export function StreamPage() {