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

View File

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