@r3l/app/lib/modules/createPost/image/ImageUpload.web.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ImageUpload = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

var _react = _interopRequireDefault(require("react"));

var _reactDropzone = require("react-dropzone");

var _hooks = require("./hooks");

var _ImageButton = require("./ImageButton");

var ImageUpload = function ImageUpload(_ref) {
  var insertImages = _ref.insertImages;

  var _useDrop = (0, _hooks.useDrop)(insertImages),
      _useDrop2 = (0, _slicedToArray2.default)(_useDrop, 2),
      onDrop = _useDrop2[0],
      uploading = _useDrop2[1];

  var _useDropzone = (0, _reactDropzone.useDropzone)({
    onDrop: onDrop
  }),
      getRootProps = _useDropzone.getRootProps,
      getInputProps = _useDropzone.getInputProps,
      isDragActive = _useDropzone.isDragActive;

  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
    style: {
      marginRight: 'auto'
    }
  }, getRootProps()), /*#__PURE__*/_react.default.createElement("input", getInputProps()), /*#__PURE__*/_react.default.createElement(_ImageButton.ImageButton, {
    isDragActive: isDragActive,
    uploading: uploading
  }));
};

exports.ImageUpload = ImageUpload;
//# sourceMappingURL=ImageUpload.web.js.map