status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add custom style to new link

This commit is contained in:
RadoslavDimchev 2023-08-30 15:40:23 +03:00
parent 93322bfefa
commit 4ad9470808
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/General/LinkWithArrow.tsx
View File

@ -8,11 +8,12 @@ type LinkWithArrowProps = {
to: string to: string
arrowLeft?: boolean arrowLeft?: boolean
arrowRight?: boolean arrowRight?: boolean
style?: React.CSSProperties
} }
const LinkWithArrow = ({ text, to, arrowLeft, arrowRight }: LinkWithArrowProps) => { const LinkWithArrow = ({ text, to, arrowLeft, arrowRight, style }: LinkWithArrowProps) => {
return ( return (
<Stack style={{ margin: '2% 0 4%', maxWidth: 'fit-content' }}> <Stack style={{ maxWidth: 'fit-content', ...style }}>
<Text size={15}> <Text size={15}>
<XStack space={'$1'} style={{ alignItems: 'center' }}> <XStack space={'$1'} style={{ alignItems: 'center' }}>
{arrowLeft && <ArrowLeftIcon size={16} color="#2A4CF4" />} {arrowLeft && <ArrowLeftIcon size={16} color="#2A4CF4" />}