reactjs - この Functional React Component を Recompose を使用するコンポーネントに変更するにはどうすればよいでしょうか?

Question

私は次の機能コンポーネントを持っていますが、これをステートメントbranchではなく拡張コンポーネントに変更する方法を知りたいと思っています。if

import React from 'react'
import PropTypes from 'prop-types'
import { Button, Icon, Label } from 'semantic-ui-react'
import { Link } from 'react-router-dom'
import { setPropTypes, branch } from 'recompose'

const LoginOrMiniProfile = ({presence}) => {
    if (presence.account) {
        return (
            <Link to='/profile'>
                <Label>
                    <Icon name='user circle outline' />
                    {presence.account.firstName}
                </Label>
            </Link>
        )
    } else {
        return (
            <div>
                <Button primary className={`login ${presence.loading && 'loading'}`}>Signup</Button>
                <Button className={`login ${presence.loading && 'loading'}`}>Login</Button>
            </div>
        )
    }
}

export default setPropTypes({
    prensence: PropTypes.object.isRequired
})(LoginOrMiniProfile)

ボーナス ポイントとして、どのように Recompose を使用presenceして Redux ストアにアクセスし、変更しますか?