import Image from 'next/image' import { PencilIcon, PhotographIcon } from '@heroicons/react/solid' import classNames from 'classnames' import useTranslation from 'next-translate/useTranslation' import date from 'date-and-time' import { UserPublic } from '../../models/User' export interface UserProfileProps { className?: string isOwner?: boolean user: UserPublic } export const UserProfile: React.FC = (props) => { const { user, isOwner = false } = props console.log(user) const { t } = useTranslation() const handleSubmitChanges = ( event: React.FormEvent ): void => { event.preventDefault() } return (
{isOwner && (
)} {'Profil
{isOwner && ( )} {''}

{date.format(new Date(user.createdAt), 'DD/MM/YYYY')}

{user.website != null && (

{t('application:website')}:{' '} {user.website}

)} {user.email != null && (

Email:{' '} {user.email}

)}
{'Profil
{'Profil
{'Profil
{'Profil
{'Profil
{'Profil
{/* End of the guilds list */}
+4
{user.biography != null && (

{user.biography}

)}
) }