flexor-web/src/app/components/logo.tsx

import React, { FC } from 'react'
import { useHistory } from 'react-router-dom'
import { useTheme } from '../hooks'

const Logo: FC = () => {
    const theme = useTheme()
    const history = useHistory()

    return (
        <div className="logo" style={{ backgroundColor: theme.primary, color: theme.primaryAlternate }} onClick={() => history.push('/')}>
            F
        </div>
    )
}

export default Logo