Eric Doughty-Papassideris
44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
|
import React from 'react';
|
|
import { Base, Info } from '@atoms/text';
|
|
import Avatar from '@atoms/avatar';
|
|
import BaseBlock from '@molecules/grouped-rows/base';
|
|
import Languages from '@features/global/services/languages-service';
|
|
import type { UserType } from '@features/users/types/user';
|
|
import { getFullName } from '@features/users/utils/get-full-name';
|
|
|
|
interface UserBlockProps {
|
|
className?: string;
|
|
suffix?: JSX.Element | string | false;
|
|
title_suffix?: JSX.Element | string | false;
|
|
subtitle_suffix?: JSX.Element | string | false;
|
|
user?: UserType;
|
|
isSelf?: boolean;
|
|
}
|
|
|
|
export default function UserBlock(props: UserBlockProps) {
|
|
return <BaseBlock
|
|
className={props.className}
|
|
suffix={props.suffix}
|
|
title_suffix={props.title_suffix}
|
|
subtitle_suffix={props.subtitle_suffix}
|
|
|
|
avatar={
|
|
<Avatar
|
|
avatar={props.user?.thumbnail || ''}
|
|
title={props.user ? getFullName(props.user) : '-'}
|
|
size="sm"
|
|
/>
|
|
}
|
|
title={
|
|
<>
|
|
<Base>{!!props.user && getFullName(props.user)}</Base>
|
|
{props.isSelf && <Info>{' ' + Languages.t('components.internal-access_specific_rules_you')}</Info>}
|
|
</>
|
|
}
|
|
subtitle={
|
|
<div className='text-sm text-slate-500'>{props.user?.email || ""}</div>
|
|
}
|
|
/>
|
|
}
|