style: Change to flex direction row in <Layout/>

sujinleeme · Jul 22, 2018 · 33f7af3 · 33f7af3
1 parent 502645d
commit 33f7af3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/Layout.js b/src/components/Layout.js
@@ -19,7 +19,7 @@ const Layout = ({classes, children}) => {
 					container
 					alignItems="center"
 					justify="center"
-					direction="row"
+					direction="column"
 					className={ classes.root }
 				>
 					{ children }

diff --git a/src/pages/Upload.js → src/pages/UploadPage.js b/src/pages/Upload.js → src/pages/UploadPage.js
@@ -2,15 +2,19 @@ import React from "react"
 import { Link } from "react-router-dom"
 import Layout from "../components/Layout"
 import AudioFileDropZone from "../components/AudioFileDropZone"
+import Waveform from '../components/Waveform'
 
-const Upload = () => {
+const UploadPage = () => {
 	return (
 		<div>
 			<Layout>
 				<AudioFileDropZone />
 			</Layout>
+			<Waveform
+				audioFile="https://ia902606.us.archive.org/35/items/shortpoetry_047_librivox/song_cjrg_teasdale_64kb.mp3"
+			/>
 		</div>
 	)
 }
 
-export default Upload
+export default UploadPage