BrianCortes

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

BrianCortes

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

BrianCortes

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

BrianCortes

function wrapPromise(promise) {
  let status = "pending";
  let result;
  let suspender = promise.then(
    r => {
      status = "success";
      result = r;
    },
    e => {
      status = "error";

BrianCortes

const handleChange = (event) => {
  changeText(event.target.value)
}

BrianCortes

Comment.defaultProps = {
	valueInput: ''
}

Comments.propTypes = {
	addComment: PropTypes.func.isRequired,
	comments: PropTypes.array.isRequired,
	changeText: PropTypes.func.isRequired
}

BrianCortes

const handleChange = (event) => {
  changeText(event.target.value)
}
const handleClick = () => {
  addComment(valueText)
}
const CommentList = comments.map((element, index) => {
  return(
    <div className='Comments' key={index}>
      <div className='User'></div>

BrianCortes

const Comments = ({comments, addComment, changeText, valueText}) => {
  ...
}

BrianCortes

const Comments = ({comments, addComment, changeText, valueText}) => {
	const handleChange = (event) => {
		changeText(event.target.value)
  }
	const handleClick = () => {
		addComment(valueText)
	}
	const CommentList = comments.map((element, index) => {
		return(

BrianCortes

import React from 'react';
import PropTypes from 'prop-types';
import './Comments.css';

const Comments = ({comments, addComment, changeText, valueText}) => {
	const handleChange = (event) => {
		changeText(event.target.value)
  }
	const handleClick = () => {
		addComment(valueText)