import React, { FC } from 'react' import { useSelector } from 'react-redux' import { Link } from 'react-router-dom' import { getAuthenticatedUser } from '../selectors/authentication' import { useTheme } from '../hooks' import HorizontalRule from '../components/horizontal-rule' const SelfInfo: FC = () => { const theme = useTheme() const user = useSelector(getAuthenticatedUser) if (!user) { return (