From 622b150d1ddc98de24f22d2e4dd5d770edb2e842 Mon Sep 17 00:00:00 2001
From: bill bittner <bittner.w@gmail.com>
Date: Wed, 10 Jan 2018 16:32:08 -0800
Subject: [PATCH] removed non-preview dropzone

---
 react/components/Dropzone.jsx | 154 ----------------------------------
 1 file changed, 154 deletions(-)
 delete mode 100644 react/components/Dropzone.jsx

diff --git a/react/components/Dropzone.jsx b/react/components/Dropzone.jsx
deleted file mode 100644
index ef789061..00000000
--- a/react/components/Dropzone.jsx
+++ /dev/null
@@ -1,154 +0,0 @@
-import React from 'react';
-// import PropTypes from 'prop-types';
-import { selectFile } from '../actions';
-import { connect } from 'react-redux';
-
-class Dropzone extends React.Component {
-  constructor (props) {
-    super(props);
-    this.state = {
-      fileError: null,
-      dragOver : false,
-
-    }
-    this.handleDrop = this.handleDrop.bind(this);
-    this.handleDragOver = this.handleDragOver.bind(this);
-    this.handleDragEnd = this.handleDragEnd.bind(this);
-    this.handleDragEnter = this.handleDragEnter.bind(this);
-    this.handleDragLeave = this.handleDragLeave.bind(this);
-    this.handleClick = this.handleClick.bind(this);
-    this.handleFileInput = this.handleFileInput.bind(this);
-    this.selectFile = this.selectFile.bind(this);
-    this.validateFile = this.validateFile.bind(this);
-  }
-  handleDrop (event) {
-    event.preventDefault();
-    this.setState({dragOver: false});
-    // if dropped items aren't files, reject them
-    const dt = event.dataTransfer;
-    console.log('dt', dt);
-    if (dt.items) {
-      if (dt.items[0].kind == 'file') {
-        const droppedFile = dt.items[0].getAsFile();
-        this.selectFile(droppedFile);
-      }
-    }
-  }
-  handleDragOver (event) {
-    event.preventDefault();
-  }
-  handleDragEnd (event) {
-    var dt = event.dataTransfer;
-    if (dt.items) {
-      for (var i = 0; i < dt.items.length; i++) {
-        dt.items.remove(i);
-      }
-    } else {
-      event.dataTransfer.clearData();
-    }
-  }
-  handleDragEnter () {
-    this.setState({dragOver: true});
-  }
-  handleDragLeave () {
-    this.setState({dragOver: false});
-  }
-  handleClick (event) {
-    event.preventDefault();
-    // trigger file input
-    document.getElementById('file_input').click();
-  }
-  handleFileInput (event) {
-    event.preventDefault();
-    const fileList = event.target.files;
-    this.selectFile(fileList[0]);
-  }
-  selectFile (file) {
-    if (file) {
-      try {
-        this.validateFile(file); // validate the file's name, type, and size
-      } catch (error) {
-        return this.setState({fileError: error.message});
-      }
-      // stage it so it will be ready when the publish button is clicked
-      this.props.onFileSelect(file);
-    }
-  }
-  validateFile (file) {
-    if (!file) {
-      console.log('no file found');
-      throw new Error('no file provided');
-    }
-    if (/'/.test(file.name)) {
-      console.log('file name had apostrophe in it');
-      throw new Error('apostrophes are not allowed in the file name');
-    }
-    // validate size and type
-    switch (file.type) {
-      case 'image/jpeg':
-      case 'image/jpg':
-      case 'image/png':
-        if (file.size > 10000000) {
-          console.log('file was too big');
-          throw new Error('Sorry, images are limited to 10 megabytes.');
-        }
-        break;
-      case 'image/gif':
-        if (file.size > 50000000) {
-          console.log('file was too big');
-          throw new Error('Sorry, .gifs are limited to 50 megabytes.');
-        }
-        break;
-      case 'video/mp4':
-        if (file.size > 50000000) {
-          console.log('file was too big');
-          throw new Error('Sorry, videos are limited to 50 megabytes.');
-        }
-        break;
-      default:
-        console.log('file type is not supported');
-        throw new Error(file.type + ' is not a supported file type. Only, .jpeg, .png, .gif, and .mp4 files are currently supported.');
-    }
-  }
-  render () {
-    return (
-      <div className="row row--tall flex-container--column">
-        <form>
-          <input className="input-file" type="file" id="file_input" name="file_input" accept="video/*,image/*" onChange={this.handleFileInput} encType="multipart/form-data"/>
-        </form>
-        <div id="primary-dropzone" className={'row row--padded row--tall dropzone' + (this.state.dragOver ? ' dropzone--drag-over' : '')} onDrop={this.handleDrop} onDragOver={this.handleDragOver} onDragEnd={this.handleDragEnd} onDragEnter={this.handleDragEnter} onDragLeave={this.handleDragLeave} onClick={this.handleClick}>
-          <div id="dropzone-text-holder" className={'flex-container--column flex-container--center-center'}>
-            { this.state.dragOver ? (
-              <div id="dropzone-dragover">
-                <p className="blue">Drop it.</p>
-              </div>
-            ) : (
-              <div id="dropzone-instructions">
-                <p className="info-message-placeholder info-message--failure" id="input-error-file-selection">{this.state.fileError}</p>
-                <p>Drag & drop image or video here to publish</p>
-                <p className="fine-print">OR</p>
-                <p className="blue--underlined">CHOOSE FILE</p>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    );
-  }
-};
-
-const mapStateToProps = state => {
-  return {
-    file: state.file,
-  };
-};
-
-const mapDispatchToProps = dispatch => {
-  return {
-    onFileSelect: (file) => {
-      dispatch(selectFile(file));
-    },
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(Dropzone);