diff options
Diffstat (limited to 'animism-align/frontend/common/imageCrop.component.js')
| -rw-r--r-- | animism-align/frontend/common/imageCrop.component.js | 41 |
1 files changed, 0 insertions, 41 deletions
diff --git a/animism-align/frontend/common/imageCrop.component.js b/animism-align/frontend/common/imageCrop.component.js deleted file mode 100644 index 9cae850..0000000 --- a/animism-align/frontend/common/imageCrop.component.js +++ /dev/null @@ -1,41 +0,0 @@ -import React, { Component } from 'react'; -import { cropImage } from '../util' - -export default class ImageCrop extends Component { - state = { - cropURL: null - } - - componentDidMount() { - const { url, crop } = this.props - this.crop(url, crop) - } - - componentDidUpdate(prevProps) { - const { url, crop } = this.props - if (this.props.crop !== prevProps.crop) { - cropImage(url, crop).then(canvas =>{ - const cropURL = canvas.toDataURL('image/jpeg', 0.8) - this.setState({ cropURL }) - }) - } - } - - crop(url, crop) { - cropImage(url, crop).then(canvas =>{ - const cropURL = canvas.toDataURL('image/jpeg', 0.8) - this.setState({ cropURL }) - }) - } - - - render() { - const { cropURL } = this.state - if (!cropURL) { - return null - } - return ( - <img src={cropURL} className='preview' /> - ) - } -} |
