ia.novokshanov/asb_cloud_front
1
0
Fork 0
forked from ddrilling/asb_cloud_front
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Улучшен вид UserView

Browse Source
This commit is contained in:
goodmice 2022-09-12 12:30:07 +05:00
parent 567e6c4510
commit a22b043af9
1 changed files with 49 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/components/views/UserView.tsx
View File

@ -1,4 +1,4 @@
import { memo } from 'react'
import { HTMLProps, memo } from 'react'
import { Tooltip } from 'antd'
import { UserOutlined } from '@ant-design/icons'
@ -6,33 +6,58 @@ import { UserDto } from '@api'
import { Grid, GridItem } from '@components/Grid'
import { CompanyView } from './CompanyView'
export type UserViewProps = {
user?: UserDto
export type UserViewProps = HTMLProps<HTMLSpanElement> & {
user?: UserDto
}
export const UserView = memo<UserViewProps>(({ user }) => user ? (
<Tooltip title={(
<Grid style={{ columnGap: '8px' }}>
<GridItem row={1} col={1}>Фамилия:</GridItem>
<GridItem row={1} col={2}>{user?.surname}</GridItem>
export const UserView = memo<UserViewProps>(({ user, ...other }) =>
user ? (
<Tooltip
title={
<Grid style={{ columnGap: '8px' }}>
<GridItem row={1} col={1}>
Фамилия:
</GridItem>
<GridItem row={1} col={2}>
{user?.surname}
</GridItem>
<GridItem row={2} col={1}>Имя:</GridItem>
<GridItem row={2} col={2}>{user?.name}</GridItem>
<GridItem row={2} col={1}>
Имя:
</GridItem>
<GridItem row={2} col={2}>
{user?.name}
</GridItem>
<GridItem row={3} col={1}>Отчество:</GridItem>
<GridItem row={3} col={2}>{user?.patronymic}</GridItem>
<GridItem row={3} col={1}>
Отчество:
</GridItem>
<GridItem row={3} col={2}>
{user?.patronymic}
</GridItem>
<GridItem row={4} col={1}>Компания:</GridItem>
<GridItem row={4} col={2}>
<CompanyView company={user?.company}/>
</GridItem>
</Grid>
)}>
<UserOutlined style={{ marginRight: 8 }}/>
{user?.login}
</Tooltip>
) : (
<Tooltip title='нет пользователя'>-</Tooltip>
))
<GridItem row={4} col={1}>
Компания:
</GridItem>
<GridItem row={4} col={2}>
<CompanyView company={user?.company} />
</GridItem>
</Grid>
}
>
<span {...other}>
<UserOutlined style={{ marginRight: 8 }} />
{user?.login}
</span>
</Tooltip>
) : (
<Tooltip title={'нет пользователя'}>
<span {...other}>
<UserOutlined style={{ marginRight: 8 }} />
---
</span>
</Tooltip>
)
)
export default UserView