-const Box = ({ discriminator, user }) => user ?
- <span className="user-box">
+const Box = ({ discriminator, user }) => {
+ const navigate = useNavigate();
+
+ if (!user) {
+ return <span>{i18n.t('general.anonymous')}</span>;
+ }
+
+ return <Button
+ className="user-box"
+ onClick={() => navigate(`/users/${user.id}`)}
+ variant="link"
+ >