stream.place
Live video on the AT Protocol
fix: remove stream viewers from header as it's just duplicate data
+1
-16
-2
js/app/components/live-dashboard/bento-grid.tsx
-2
js/app/components/live-dashboard/bento-grid.tsx
···
155
155
streamTitle={
156
156
profile?.displayName || profile?.handle || "Live Stream"
157
157
}
158
-
viewers={viewers || 0}
159
158
uptime={getUptime()}
160
159
bitrate={getBitrate()}
161
160
timeBetweenSegments={segmentTiming.timeBetweenSegments || 0}
···
235
234
streamTitle={
236
235
profile?.displayName || profile?.handle || "Live Stream"
237
236
}
238
-
viewers={viewers || 0}
239
237
uptime={getUptime()}
240
238
bitrate={getBitrate()}
241
239
timeBetweenSegments={segmentTiming.timeBetweenSegments || 0}
+1
-14
js/components/src/components/dashboard/header.tsx
+1
-14
js/components/src/components/dashboard/header.tsx
···
1
-
import { AlertCircle, Car, Radio, Users } from "lucide-react-native";
1
+
import { AlertCircle, Radio } from "lucide-react-native";
2
2
import { Pressable, Text, View } from "react-native";
3
3
import * as zero from "../../ui";
4
4
···
98
98
interface HeaderProps {
99
99
isLive: boolean;
100
100
streamTitle?: string;
101
-
viewers?: number;
102
101
uptime?: string;
103
102
bitrate?: string;
104
103
timeBetweenSegments?: number;
···
110
109
export default function Header({
111
110
isLive,
112
111
streamTitle = "Live Stream",
113
-
viewers = 0,
114
112
uptime = "00:00:00",
115
113
bitrate = "0 mbps",
116
114
timeBetweenSegments = 0,
···
179
177
180
178
{/* Right side - Stream metrics */}
181
179
<View style={[layout.flex.row, layout.flex.alignCenter, gap.all[6]]}>
182
-
{isLive && (
183
-
<>
184
-
<MetricItem
185
-
icon={Users}
186
-
label="Viewers"
187
-
value={viewers.toLocaleString()}
188
-
/>
189
-
<MetricItem icon={Car} label="Bitrate" value={bitrate} />
190
-
</>
191
-
)}
192
-
193
180
{!isLive && (
194
181
<View style={[layout.flex.row, layout.flex.alignCenter, gap.all[2]]}>
195
182
<Radio size={16} color="#6b7280" />