import Image from 'next/image' import { useState } from 'react' import classNames from 'classnames' import date from 'date-and-time' import useTranslation from 'next-translate/useTranslation' import { XIcon } from '@heroicons/react/solid' import { API_URL } from '../../../tools/api' import { UserPublic } from '../../../models/User' import { UserProfileGuilds } from './UserProfileGuilds' import { UserProfileGuild } from './UserProfileGuilds/UserProfileGuild' export interface UserProfileProps { className?: string user: UserPublic } export const UserProfile: React.FC = (props) => { const { user } = props const { t } = useTranslation() const [showPopup, setShowPopup] = useState(false) const [confirmation, setConfirmation] = useState(false) const handleConfirmationState = (): void => { setConfirmation((confirmation) => !confirmation) } const handlePopupVisibility = (): void => { setShowPopup((showPopup) => !showPopup) } return (
Profil Picture

{user.name}

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

{user.email != null && (

Email:{' '} {user.email}

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

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

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

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

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

{user.biography}

)}
Joing Guild Illustration

Rejoindre la guild ?

setShowPopup(false)} className='absolute top-8 right-8 cursor-pointer hover:rotate-180 transition' />
) }