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

Integrate ads into the live video suggestion section

Browse Source 
Modify LivePage.tsx to include an AdSenseAd component within the suggested videos container, specifically after the video cards and before the end of the parent div. Adjust styling with `scale-90` for VideoCard and add a border-top to the ad container.

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/E8iWmgC
This commit is contained in:
sebastjanartic 2025-09-26 15:53:54 +00:00
parent 19dfb0542a
commit 475d7d09da
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -409,25 +409,25 @@ export default function LivePage() {
<div className="lg:col-span-1 space-y-6"> <div className="lg:col-span-1 space-y-6">
<div className="bg-bunny-darker rounded-lg p-4"> <div className="bg-bunny-darker rounded-lg p-4">
<h3 className="text-white font-bold text-lg mb-4">Suggested Videos</h3> <h3 className="text-white font-bold text-lg mb-4">Suggested Videos</h3>
<div className="space-y-4"> <div className="space-y-3">
{videos.slice(0, 8).map((video: any) => ( {videos.slice(0, 8).map((video: any) => (
<div key={video.id} className="group"> <div key={video.id} className="group">
<VideoCard <VideoCard
video={video} video={video}
onClick={() => window.location.href = `/video/${video.id}`} onClick={() => window.location.href = `/video/${video.id}`}
className="hover:bg-bunny-dark/50 transition-colors rounded-lg" className="hover:bg-bunny-dark/50 transition-colors rounded-lg scale-90"
/> />
</div> </div>
))} ))}
</div> </div>
</div>
{/* Ad Space */} {/* Ad Space inside same container */}
<div className="bg-bunny-darker rounded-lg p-4"> <div className="mt-6 pt-4 border-t border-white/10">
<AdSenseAd <AdSenseAd
adSlot="9876543210" adSlot="9876543210"
adFormat="vertical" adFormat="vertical"
/> />
</div>
</div> </div>
</div> </div>
</div> </div>