joyce/src/components/mediaUploadInput.js

14 lines
608 B
JavaScript

import React from 'react'
const MediaUploadInput = ({input, s3Path, onChange, onUpload}) =>
<div className="input-group mb-3">
<div className="custom-file">
<input type="file" className="custom-file-input" id="media_input" onChange={onChange}/>
<label className="custom-file-label" htmlFor="media_input">{input ? input[0].name : 'Choose file'}</label>
</div>
<div className="input-group-append">
<button className="btn btn-outline-warning" type="button" disabled={input ? false : true} onClick={()=>onUpload(input)}>Upload</button>
</div>
</div>
export default MediaUploadInput