Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-06-04 01:18:20 +02:00
Code Issues Projects Releases Wiki Activity

change request tooltips (#2555)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2022-11-29 12:56:19 +01:00 committed by GitHub
parent 9f983f4ed6
commit 87d9466005
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestComments/AddCommentField.tsx
View File

@ -1,6 +1,7 @@
import { FC } from 'react';
import { Box, Button, styled, TextField } from '@mui/material';
import { Box, styled, TextField, Tooltip } from '@mui/material';
import { StyledAvatar } from './StyledAvatar';
import { IUser } from 'interfaces/user';
const AddCommentWrapper = styled(Box)(({ theme }) => ({
display: 'flex',
@ -9,13 +10,15 @@ const AddCommentWrapper = styled(Box)(({ theme }) => ({
}));
export const AddCommentField: FC<{
imageUrl: string;
user: IUser | undefined;
commentText: string;
onTypeComment: (text: string) => void;
}> = ({ imageUrl, commentText, onTypeComment, children }) => (
}> = ({ user, commentText, onTypeComment, children }) => (
<>
<AddCommentWrapper>
<StyledAvatar src={imageUrl} />
<Tooltip title={user?.name || user?.username}>
<StyledAvatar src={user?.imageUrl || ''} />
</Tooltip>
<TextField
variant="outlined"
placeholder="Add your comment here"

6
frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestComments/ChangeRequestComment.tsx
View File

@ -1,6 +1,6 @@
import { FC } from 'react';
import Paper from '@mui/material/Paper';
import { Box, styled, Typography } from '@mui/material';
import { Box, styled, Typography, Tooltip } from '@mui/material';
import TimeAgo from 'react-timeago';
import { StyledAvatar } from './StyledAvatar';
import { IChangeRequestComment } from '../../changeRequest.types';
@ -26,7 +26,9 @@ export const ChangeRequestComment: FC<{ comment: IChangeRequestComment }> = ({
comment,
}) => (
<ChangeRequestCommentWrapper>
<StyledAvatar src={comment.createdBy.imageUrl} />
<Tooltip title={comment.createdBy.username}>
<StyledAvatar src={comment.createdBy.imageUrl} />
</Tooltip>
<CommentPaper variant="outlined">
<CommentHeader>
<Box>

6
frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestHeader/ChangeRequestHeader.tsx
View File

@ -1,6 +1,6 @@
import { Box } from '@mui/material';
import { FC } from 'react';
import { Typography } from '@mui/material';
import { Typography, Tooltip } from '@mui/material';
import TimeAgo from 'react-timeago';
import { IChangeRequest } from 'component/changeRequest/changeRequest.types';
import { ChangeRequestStatusBadge } from 'component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge';
@ -29,7 +29,9 @@ export const ChangeRequestHeader: FC<{ changeRequest: IChangeRequest }> = ({
Created <TimeAgo date={new Date(changeRequest.createdAt)} />{' '}
by
</Typography>
<StyledAvatar src={changeRequest?.createdBy?.imageUrl} />
<Tooltip title={changeRequest?.createdBy?.username}>
<StyledAvatar src={changeRequest?.createdBy?.imageUrl} />
</Tooltip>
<Box>
<StyledCard variant="outlined">
<Typography variant="body2">

2
frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestOverview.tsx
View File

@ -167,7 +167,7 @@ export const ChangeRequestOverview: FC = () => {
/>
))}
<AddCommentField
imageUrl={user?.imageUrl || ''}
user={user}
commentText={commentText}
onTypeComment={setCommentText}
>

1
frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeatureToggles.tsx
View File

@ -38,7 +38,6 @@ import { useMediaQuery } from '@mui/material';
import { Search } from 'component/common/Search/Search';
import { useChangeRequestToggle } from 'hooks/useChangeRequestToggle';
import { ChangeRequestDialogue } from 'component/changeRequest/ChangeRequestConfirmDialog/ChangeRequestConfirmDialog';
import { CopyStrategyMessage } from '../../../changeRequest/ChangeRequestConfirmDialog/ChangeRequestMessages/CopyStrategyMessage';
import { UpdateEnabledMessage } from '../../../changeRequest/ChangeRequestConfirmDialog/ChangeRequestMessages/UpdateEnabledMessage';
import { useChangeRequestsEnabled } from 'hooks/useChangeRequestsEnabled';
import { IFeatureToggleListItem } from 'interfaces/featureToggle';