lamacchinadesiderante/millelibri
lamacchinadesiderante
/
millelibri
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

remove duplicate code

This commit is contained in:
lamacchinadesiderante 2023-01-11 00:41:33 +01:00
parent b9dc623170
commit 5272e13f45
1 changed files with 8 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/components/CopyToClipboardButton.tsx
View File

@ -29,28 +29,14 @@ const CopyToClipboardButton: React.FC<IProps> = (props) => {
return (
<>
<MediaQuery minWidth={MEDIA_QUERY_DESKTOP_STARTS}>
{show &&
<Card backgroundColor={'transparent'} mt={{ base: 0, md: 4 }} mb={{ base: 0, md: 4 }} mx={{ base: 4, md: 4 }}>
<Box p='4'>
<Flex alignItems={'center'}>
<Button bgColor={showSuccess ? 'green.400' : ''} onClick={handleClick}>
{showSuccess ? t('search.copy_success'): t('search.copy_search_link')} &nbsp; <Icon as={IoShareSocialOutline} />
</Button>
</Flex>
</Box>
</Card>}
</MediaQuery>
<MediaQuery maxWidth={MEDIA_QUERY_MOBILE_ENDS}>
{show &&
<Box p='4'>
<Flex alignItems={'center'}>
<Button bgColor={showSuccess ? 'green.400' : ''} onClick={handleClick}>
{showSuccess ? t('search.copy_success') : t('search.copy_search_link')} &nbsp; <Icon as={IoShareSocialOutline} />
</Button>
</Flex>
</Box>}
</MediaQuery>
{show &&
<Box p='4' mx={{ base: 0, md: 4 }}>
<Flex justifyContent={'flex-end'} alignItems={'center'}>
<Button bgColor={showSuccess ? 'green.400' : ''} onClick={handleClick}>
{showSuccess ? t('search.copy_success') : t('search.copy_search_link')} &nbsp; <Icon as={IoShareSocialOutline} />
</Button>
</Flex>
</Box>}
</>
);
};