summaryrefslogtreecommitdiff
path: root/animism-align/frontend/common/imageCrop.component.js
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/common/imageCrop.component.js')
-rw-r--r--animism-align/frontend/common/imageCrop.component.js41
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' />
- )
- }
-}