@r3l/app/lib/modules/profile/web/settingsModal.component.js

Relevant App

"use strict";

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

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

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

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _reduxformimageupload = _interopRequireDefault(require("../../styled/form/reduxformimageupload.component"));

var _styled = require("../../styled");

var _reduxformfield = _interopRequireDefault(require("../../styled/form/reduxformfield.component"));

var _reduxForm = require("redux-form");

var _validators = require("../../form/validators");

var _reactRouterDom = require("react-router-dom");

var _web = require("../../styled/web");

SettingsModal.propTypes = {
  close: _propTypes.default.func,
  handleSubmit: _propTypes.default.func,
  initialValues: _propTypes.default.object,
  history: _propTypes.default.object,
  location: _propTypes.default.object
};

function SettingsModal(_ref) {
  var handleSubmit = _ref.handleSubmit,
      location = _ref.location,
      close = _ref.close;
  var FORM_FIELDS = [{
    name: 'image',
    component: _reduxformimageupload.default,
    placeholder: '/img/blueR.png',
    imageComponent: /*#__PURE__*/_react.default.createElement(_styled.FormImage, null),
    type: 'file-upload',
    label: 'User Image',
    validate: []
  }, {
    name: 'name',
    component: _reduxformfield.default,
    type: 'text',
    label: 'Display Name',
    validate: [_validators.required]
  }, {
    name: 'bio',
    component: _reduxformfield.default,
    type: 'text',
    label: 'Bio'
  }];
  return /*#__PURE__*/_react.default.createElement(_styled.View, null, /*#__PURE__*/_react.default.createElement(_web.Form, {
    onSubmit: handleSubmit
  }, FORM_FIELDS.map(function (field, index) {
    return /*#__PURE__*/_react.default.createElement(_reduxForm.Field, (0, _extends2.default)({}, field, {
      key: index
    }));
  }), /*#__PURE__*/_react.default.createElement(_styled.InlineLink, {
    sx: {
      mt: 1
    },
    to: "/user/resetPassword".concat(location.search)
  }, /*#__PURE__*/_react.default.createElement(_styled.CTALink, null, "Reset Password")), /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      justifyContent: 'flex-end',
      mt: 3
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.Button, {
    type: "button",
    sx: {
      bg: 'white',
      mr: 2
    },
    textSx: {
      color: 'black'
    },
    onPress: function onPress() {
      return close && close();
    }
  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_web.Button, {
    type: "submit"
  }, "Submit"))));
}

var _default = (0, _reactRouterDom.withRouter)((0, _reduxForm.reduxForm)({
  form: 'settings'
})(SettingsModal));

exports.default = _default;
//# sourceMappingURL=settingsModal.component.js.map