{getPageTitle('View User')}

import React, { ReactElement, useEffect } from 'react'; import Head from 'next/head' import {useAppDispatch, useAppSelector} from "../../stores/hooks"; import {useRouter} from "next/router"; import { fetch } from '../../stores/users/usersSlice' import dataFormatter from '../../helpers/dataFormatter'; import ImageField from "../../components/ImageField"; import LayoutAuthenticated from "../../layouts/Authenticated"; import {getPageTitle} from "../../config"; import SectionTitleLineWithButton from "../../components/SectionTitleLineWithButton"; import SectionMain from "../../components/SectionMain"; import CardBox from "../../components/CardBox"; import BaseButton from "../../components/BaseButton"; import BaseDivider from "../../components/BaseDivider"; import {mdiChartTimelineVariant} from "@mdi/js"; import {SwitchField} from "../../components/SwitchField"; import FormField from "../../components/FormField"; const UsersView = () => { const router = useRouter() const dispatch = useAppDispatch() const { users } = useAppSelector((state) => state.users) const { id } = router.query; useEffect(() => { if (id) { dispatch(fetch({ id })); } }, [dispatch, id]); return ( <> {getPageTitle('View User')}

First Name

{users?.firstName}

Last Name

{users?.lastName}

E-Mail

{users?.email}

Phone Number

{users?.phoneNumber}

Matricule Paie

{users?.matriculePaie}

WD ID

{users?.workdayId}

Site de production

{users?.productionSite}

Service

{users?.service}

Poste

{users?.position}

Équipe (N+1)

{users?.team}

Département

{users?.department?.name ?? 'No data'}

Date d'embauche

{dataFormatter.dateFormatter(users?.hiringDate)}

Date d'entrée poste

{dataFormatter.dateFormatter(users?.positionEntryDate)}

Date de départ

{dataFormatter.dateFormatter(users?.departureDate)}

null}} disabled /> null}} disabled />

Avatar

{users?.avatar?.length ? ( ) :

No Avatar

}

App Role

{users?.app_role?.name ?? 'No data'}

Custom Permissions

{users.custom_permissions && Array.isArray(users.custom_permissions) && users.custom_permissions.map((item: any) => ( router.push(`/permissions/permissions-view/?id=${item.id}`)}> ))}

Name
{ item.name }

{!users?.custom_permissions?.length &&

No data

}

router.push('/users/users-list')} /> ); }; UsersView.getLayout = function getLayout(page: ReactElement) { return ( {page} ) } export default UsersView;