diff --git a/web-service/client/src/Configuration.js b/web-service/client/src/Configuration.js new file mode 100644 index 0000000000000000000000000000000000000000..c7e723e6639f72c2263b55a624e3295698531d6a --- /dev/null +++ b/web-service/client/src/Configuration.js @@ -0,0 +1,5 @@ +import React from 'react'; + +const Configuration = () => { + +} \ No newline at end of file diff --git a/web-service/client/src/Stream.js b/web-service/client/src/Stream.js index 36feeebf13d643ae6181b3838624c2e63485aab2..f3046462aad7a27bf4e9e5871c1849697d44b126 100644 --- a/web-service/client/src/Stream.js +++ b/web-service/client/src/Stream.js @@ -1,5 +1,16 @@ +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 diff --git a/web-service/client/src/Streams.js b/web-service/client/src/Streams.js index 36ffa8aa076aad177b9e347b6472fe74ab577742..13d0ba3cd5a433723fcf8b7300cb260b7db95c09 100644 --- a/web-service/client/src/Streams.js +++ b/web-service/client/src/Streams.js @@ -1,4 +1,5 @@ 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> ) } diff --git a/web-service/server/src/seeds.js b/web-service/server/src/seeds.js index 8cd4d670dbf46abbabab448e170d03bcf804e166..a19004517c4ca875f7a3e41f3ac2496c20e04546 100644 --- a/web-service/server/src/seeds.js +++ b/web-service/server/src/seeds.js @@ -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