Very Rough Refactoring

CellComponent.js

const TextForm = ({ value, onChange }) =>
  <Form>
    <TextArea
      autoHeight
      onChange={onChange}
      placeholder="Description"
      value={value}
    />
  </Form>

const baseCellStyles = {
  maxWidth:      '100px', 
  overflow:      'hidden', 
  textOverflow:  'ellipsis', 
  verticalAlign: 'middle', 
  whiteSpace:    'nowrap'
}

const cellStyles = (negative = null) =>
  negative === null ? cellStyles : { ...baseCellStyles, negative: element.description.length === 0}
  
const showDescription = (editProject, editProjectIndexm, index) =>
  (editProject === false) || ((editProject === true) && (editProjectIndex !== index))

const showTextForm = (editProject, editProjectIndex, index) =>
  (editProject === true) && (editProjectIndex === index)

const ElementCell = ({ editProject, editProjectIndex, index, onTextChange, newProjectDescription, negative=null}) => {
  <Table.Cell style={cellStyles(negative)}>
    { 
      showDescription(editProject, editProjectIndex, index)
        ? element.description
        : null
    }
    { 
      showTextForm(editProject, editProjectIndex, index) 
        ? <TextForm value={this.state.newProjectDescription} onChange={onTextChange} />
        : null
    }
  </Table.Cell>

class CellComponent extends React.Component {
  render() {
    if (element.description.length > 0) {
      <Popup
        basic
        content={element.description}
        trigger={
          <ElementCell 
            editProject={editProject} 
            editProjectIndex={editProjectIndex} 
            element={element} 
            index={index} 
            newProjectDescription={this.state.newProjectDescription} 
            onTextChange={this.handleChangeNewProjectDescription} 
          />
        }
      />
    }
    
    return (
      <ElementCell 
        editProject={editProject} 
        editProjectIndex={editProjectIndex} 
        element={element} 
        index={index} 
        newProjectDescription={this.state.newProjectDescription} 
        onTextChange={this.handleChangeNewProjectDescription} 
      />
    )
  }
}