import React from 'react'; import { UserPicture } from '@growi/ui'; import { usePageUser } from '~/stores/context'; import styles from './UserInfo.module.scss'; export const UserInfo = (): JSX.Element => { const { data: pageUser } = usePageUser(); if (pageUser == null || pageUser.status === 4) { return <>; } return (

{pageUser.name}

{pageUser.username} { pageUser.isEmailPublished ? pageUser.email : '*****' } { pageUser.introduction && ( {pageUser.introduction} ) }
); };