import React, { useState } from 'react'; import { Play, Pause, Heart, MessageSquare, Gift, DollarSign } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Card, CardHeader, CardContent, CardFooter } from '@/components/ui/card'; const mockSongs = [ { id: 1, title: 'Indie Sunrise', artist: 'The Unsigned', likes: 1200, comments: 45, gifts: 150 }, { id: 2, title: 'Digital Dreams', artist: 'Pixel Pulse', likes: 980, comments: 32, gifts: 75 }, // Add more mock songs as needed ]; const MusicApp = () => { const [playing, setPlaying] = useState(null); const [comment, setComment] = useState(''); const togglePlay = (id) => { setPlaying(playing === id ? null : id); }; const handleLike = (id) => { // Implement like functionality console.log(`Liked song ${id}`); }; const handleComment = (id) => { // Implement comment functionality console.log(`Commented on song ${id}: ${comment}`); setComment(''); }; const handleGift = (id) => { // Implement virtual gifting functionality console.log(`Gifted to song ${id}`); }; return (
Indie Music Stream
{mockSongs.map((song) => (
{song.title}
{song.artist}
togglePlay(song.id)} > {playing === song.id ?
:
}
handleLike(song.id)}>
{song.likes}
{song.comments}
handleGift(song.id)}>
{song.gifts}
setComment(e.target.value)} className="mr-2" />
handleComment(song.id)}>Post
))}
Cash Out Earnings
); };
Welcome
Log in to undefined
Forgot password?
Reset password
Log in
Log in with Google
Don't have an account?
Sign up
import React, { useState } from 'react'; import { Play, Pause, Heart, MessageSquare, Gift, DollarSign } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Card, CardHeader, CardContent, CardFooter } from '@/components/ui/card'; const mockSongs = [ { id: 1, title: 'Indie Sunrise', artist: 'The Unsigned', likes: 1200, comments: 45, gifts: 150 }, { id: 2, title: 'Digital Dreams', artist: 'Pixel Pulse', likes: 980, comments: 32, gifts: 75 }, // Add more mock songs as needed ]; const MusicApp = () => { const [playing, setPlaying] = useState(null); const [comment, setComment] = useState(''); const togglePlay = (id) => { setPlaying(playing === id ? null : id); }; const handleLike = (id) => { // Implement like functionality console.log(`Liked song ${id}`); }; const handleComment = (id) => { // Implement comment functionality console.log(`Commented on song ${id}: ${comment}`); setComment(''); }; const handleGift = (id) => { // Implement virtual gifting functionality console.log(`Gifted to song ${id}`); }; return (
Indie Music Stream
{mockSongs.map((song) => (
{song.title}
{song.artist}
togglePlay(song.id)} > {playing === song.id ?
:
}
handleLike(song.id)}>
{song.likes}
{song.comments}
handleGift(song.id)}>
{song.gifts}
setComment(e.target.value)} className="mr-2" />
handleComment(song.id)}>Post
))}
Cash Out Earnings
); };