lens-react.jsx

const LogRecordList = records =>
    <div>
        {records.map((record, idx) => renderRecord(record, idx, records))}
    </div>

// utils
const lensEq = R.curryN(3, (lens, val, data) =>
    R.pipe(R.view(lens), R.equals(val))(data)
)
const lensNotEq = R.complement(lensEq)

// lenses
const dataLens = R.lensProp('data')
const toLens = R.lensPath(['data', 'to'])
const fromLens = R.lensPath(['data', 'from'])

// lens conditions
const toInReview = lensEq(toLens, 'in_review')
const fromNew = lensEq(fromLens, 'new')

const renderRecord = (record, idx, records) =>
    R.cond([
        [
            R.and(toInReview, fromNew),
            R.pipe(
                props => ({
                    point: true,
                    line: false,
                    medium: true,
                    text: 'The Application received',
                    date,
                    key: date.toString(),
                }),
                renderComponent(TextLog)
            ),
        ],
        [R.T, renderNothing]
    ])(record)