Skip to content
Snippets Groups Projects
Commit dfc91f3e authored by Sami Spets's avatar Sami Spets
Browse files

Thumbnails working

parent d423a753
Branches
Tags
No related merge requests found
Pipeline #14569 passed
...@@ -13,17 +13,13 @@ const Streams = ({clearCookies}) => { ...@@ -13,17 +13,13 @@ const Streams = ({clearCookies}) => {
const [thumbnails, setThumbnails] = useState([]); const [thumbnails, setThumbnails] = useState([]);
useEffect(() => { useEffect(() => {
const url = testData.thumbnail.map(i => i.video) setThumbnails(testData.thumbnail);
setThumbnails(url);
console.log('streams') console.log('streams')
}, []) }, [])
const renderThumbnails = () => { const renderThumbnails = () => {
console.log("Piippiip") const photos = thumbnails.map(i => <div style={{'padding-top': '25px'}}><img alt='robots' src={i.video} width='150px'/><p style={{'margin': 'none'}}>viewers: {i.viewers}</p></div>)
thumbnails.map(index => { return photos;
console.log(index)
return <img height='150px' src={index} alt='piip'/>
})
} }
return( return(
...@@ -31,8 +27,8 @@ const Streams = ({clearCookies}) => { ...@@ -31,8 +27,8 @@ const Streams = ({clearCookies}) => {
<h1>Streams component works!!</h1> <h1>Streams component works!!</h1>
<h2>Namibia here we come!</h2> <h2>Namibia here we come!</h2>
<button onClick={clearCookies}>Logout</button> <button onClick={clearCookies}>Logout</button>
<button onClick={renderThumbnails}>Show streams</button> <br />
{/* <img height='150px' src={thumbnails[0]} alt='piip'/> */} {renderThumbnails()}
</div> </div>
) )
} }
......
...@@ -2,15 +2,18 @@ const testData = { ...@@ -2,15 +2,18 @@ const testData = {
thumbnail: [ thumbnail: [
{ {
name: 'source1', name: 'source1',
video: 'https://images.unsplash.com/photo-1558981285-6f0c94958bb6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80' video: 'https://images.unsplash.com/photo-1558981285-6f0c94958bb6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80',
viewers: 9
}, },
{ {
name: 'source2', name: 'source2',
video: 'https://images.unsplash.com/photo-1558981420-c532902e58b4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1477&q=80' video: 'https://images.unsplash.com/photo-1558981420-c532902e58b4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1477&q=80',
viewers: 9
}, },
{ {
name: 'source3', name: 'source3',
video: 'https://images.unsplash.com/photo-1558981285-6f0c94958bb6?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80' video: 'https://images.unsplash.com/photo-1558981285-6f0c94958bb6?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',
viewers: 9
} }
] ]
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment