remove duplicate code
This commit is contained in:
parent
b9dc623170
commit
5272e13f45
|
@ -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')} <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')} <Icon as={IoShareSocialOutline} />
|
{showSuccess ? t('search.copy_success') : t('search.copy_search_link')} <Icon as={IoShareSocialOutline} />
|
||||||
</Button>
|
</Button>
|
||||||
</Flex>
|
</Flex>
|
||||||
</Box>}
|
</Box>}
|
||||||
</MediaQuery>
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue