node-red-contrib-chatbot/core/otp/views/otp-editor.js

REDBot a Chat bot for a full featured chat bot for Telegram, Facebook Messenger and Slack. Almost no coding skills required

import React from 'react';
import PropTypes from 'prop-types';
import { FormGroup, ControlLabel, FormControl } from 'rsuite';

const OtpEditor = ({ formValue, onChange }) => {

  return (
    <div className="content-token-payload">
      <FormGroup>
        <ControlLabel>One Time Password</ControlLabel>
        <div className="token">
          <FormControl
            name="otp"
            value={formValue.otp}
            onChange={otp => onChange({ ...formValue, otp })}
          />
        </div>
      </FormGroup>
    </div>
  );
};
OtpEditor.propTypes = {
  formValue: PropTypes.shape({
    otp: PropTypes.string
  }),
  onChange: PropTypes.func
};

export default OtpEditor;