View for the Web version of Name

NameViewWeb.jsx

import React from 'react';

var NameViewWeb = ({ value, errors, sync, onValueChange }) => {
  var errorNodes = errors.map((err, i) => <div key={i}>{err}</div>);
  var syncNode = value && <div>{ sync ? "Synced!" : "Syncing..." }</div>;
    
  return (<div>
    <label>Name : </label>
    <input type="text" value={value} 
      onChange={e => onValueChange(e.target.value)} />
    {errorNodes}
    {syncNode}
  </div>);
};

export default NameViewWeb;