F_A_8_Exchange_app/src/common/authRenderField.js

import React from "react";

export const authRenderField = ({input, meta: {touched, error}, label, type, placeholder }) => (
    <div className={touched && error ? "form__input-box":"error"}> 
        <label className="form__input-label" htmlFor="origin">
            {label}
            {touched && error ? <input  className="input" style={{"border":"2px solid red"}} type = {type} placeholder = {placeholder}  {...input} /> : <input  className="input" type = {type} placeholder = {placeholder} {...input} /> }
        </label> 
        {touched && error && <span className="span_auth">{error}</span>}
    </div>
);