sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove unnecessary UI elements from the live streaming page

Browse Source 
Refactors the LivePage component by removing custom overlay UI elements and adjusting type casting for videos data.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/C0gokXi
This commit is contained in:
sebastjanartic 2025-09-26 16:41:48 +00:00
parent b55276c462
commit 71d9d9c9a8
6 changed files with 5 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.replit
View File

@ -23,6 +23,10 @@ externalPort = 3001
localPort = 35637
externalPort = 3000
[[ports]]
localPort = 45701
externalPort = 3002
[env]
PORT = "5000"

BIN
attached_assets/image_1758904381294.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
attached_assets/image_1758904520258.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 KiB

BIN
attached_assets/image_1758904590270.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
attached_assets/image_1758904616244.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

48
client/src/pages/LivePage.tsx
View File

@ -33,7 +33,7 @@ export default function LivePage() {
staleTime: 5 * 60 * 1000, // 5 minutes
});
const videos = (videosData && Array.isArray(videosData.videos)) ? videosData.videos : [];
const videos = (videosData && Array.isArray((videosData as any).videos)) ? (videosData as any).videos : [];
useEffect(() => {
// Set page meta tags
@ -452,52 +452,6 @@ export default function LivePage() {
crossOrigin="anonymous"
/>
{/* Live Overlay */}
<div className="absolute top-4 left-4 z-10">
<div className="flex items-center space-x-2 bg-red-600/90 text-white px-3 py-1 rounded-full text-sm font-semibold">
<div className="w-2 h-2 bg-white rounded-full animate-pulse"></div>
<span>LIVE</span>
</div>
</div>
{/* Custom Controls Overlay */}
<div className="absolute bottom-4 left-4 right-4 flex items-center justify-between z-10 bg-black/50 rounded-lg p-3">
<div className="flex items-center space-x-3">
<Button
variant="ghost"
size="sm"
onClick={togglePlayPause}
className="text-white hover:bg-white/20"
data-testid="button-play-pause"
>
{isPlaying ? '⏸️' : '▶️'}
</Button>
<Button
variant="ghost"
size="sm"
onClick={toggleMute}
className="text-white hover:bg-white/20"
data-testid="button-mute"
>
{isMuted ? <VolumeX className="w-4 h-4" /> : <Volume2 className="w-4 h-4" />}
</Button>
<span className="text-white text-sm">
Live Stream - CH4
</span>
</div>
<Button
variant="ghost"
size="sm"
onClick={toggleFullscreen}
className="text-white hover:bg-white/20"
data-testid="button-fullscreen"
>
<Maximize className="w-4 h-4" />
</Button>
</div>
</div>
</div>