import React, { useContext } from 'react'
import NavigationLink from '../../../../core/components/navigation-link/NavigationLink'
import { IUser } from '../../models';
import { RequestContext } from '../../../../pages/request-details/Request.context';
import { Views } from '../../../../core/models/core.model';

const User = ({ userId, user_email }: IUserProps) => {
    const { actions } = useContext(RequestContext);

    const handleUserClick = () => {
        actions.handler({ type: 'ViewNavigation', data: { viewId: Views.UserDetails, data: { entityId: userId } } });
    }

    return (
        <NavigationLink text={user_email} handleClick={() => handleUserClick()}/>
    )
}

export default User;

export interface IUserProps extends IUser {
    userId: number;
}