Clicking a phone number should copy its value (#9069)

https://github.com/user-attachments/assets/7ce595fa-be90-4ec7-81e5-075dafee6422

I have added the functionality of copying the phone number to clipboard
according to the issue #8905 . If anything needed to change just comment
in my PR

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Suhotra Dey
2024-12-30 15:41:03 +05:30
committed by GitHub
parent c52a4924b9
commit 578ba97dad
4 changed files with 62 additions and 15 deletions

View File

@ -74,7 +74,6 @@ const StyledHeader = styled.div`
font-weight: ${({ theme }) => theme.font.weight.medium};
gap: ${({ theme }) => theme.spacing(2)};
height: ${({ theme }) => theme.spacing(6)};
margin-bottom: ${({ theme }) => theme.spacing(1)};
`;
const StyledActions = styled.div`
@ -83,15 +82,6 @@ const StyledActions = styled.div`
margin-left: auto;
`;
const StyledDescription = styled.div`
color: ${({ theme }) => theme.font.color.tertiary};
font-size: ${({ theme }) => theme.font.size.sm};
padding-left: ${({ theme }) => theme.spacing(6)};
overflow: hidden;
text-overflow: ellipsis;
width: 200px;
`;
const defaultTitleByVariant: Record<SnackBarVariant, string> = {
[SnackBarVariant.Default]: 'Alert',
[SnackBarVariant.Error]: 'Error',
@ -183,7 +173,7 @@ export const SnackBar = ({
/>
<StyledHeader>
{icon}
{title}
{message}
<StyledActions>
{!!onCancel && <LightButton title="Cancel" onClick={onCancel} />}
@ -192,7 +182,6 @@ export const SnackBar = ({
)}
</StyledActions>
</StyledHeader>
{message && <StyledDescription>{message}</StyledDescription>}
</StyledContainer>
);
};