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

a commit

parent 8f1b4cd9
No related branches found
No related tags found
No related merge requests found
Pipeline #14192 passed
import React from 'react';
const Configuration = () => {
}
\ No newline at end of file
import React from 'react'
/*
Component for individual stream
Router will render to this component in path /stream
Gets specific streams object key as prop
*/
\ No newline at end of file
*/
const Stream = () => {
return(
<div>
<video controls autoPlay src='https://s3.amazonaws.com/codecademy-content/courses/React/react_video-eek.mp4'/>
</div>
)
}
export default Stream;
\ No newline at end of file
import React from 'react'
import Stream from './Stream'
/* This file will contain list of streams.
The user is able to select which stream he/she will WebAuthentication.
......@@ -11,6 +12,7 @@ const Streams = ({clearCookies}) => {
<h1>Streams component works!!</h1>
<h2>Namibia here we come!</h2>
<button onClick={clearCookies}>Logout</button>
<Stream />
</div>
)
}
......
......@@ -7,12 +7,18 @@
const testData = {
thumbnail: [
{
name: 'source2',
frame: 'https://images.unsplash.com/photo-1564969982505-4c27fbfe7a1c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80'
name: 'source1',
video: 'https://s3.amazonaws.com/codecademy-content/courses/React/react_video-eek.mp4'
},
{
name: 'source2',
frame: ''
video: 'https://s3.amazonaws.com/codecademy-content/courses/React/react_video-fast.mp4'
},
{
name: 'source3',
video: 'https://s3.amazonaws.com/codecademy-content/courses/React/react_video-slow.mp4'
},
name: 'source4',
video: 'https://s3.amazonaws.com/codecademy-content/courses/React/react_video-cute.mp4'
]
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment