diff options
Diffstat (limited to 'src/components/taggs/Tagg.tsx')
| -rw-r--r-- | src/components/taggs/Tagg.tsx | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/src/components/taggs/Tagg.tsx b/src/components/taggs/Tagg.tsx index a9bc05a9..9418405d 100644 --- a/src/components/taggs/Tagg.tsx +++ b/src/components/taggs/Tagg.tsx @@ -5,7 +5,11 @@ import PurpleRingPlus from '../../assets/icons/purple_ring+.svg'; import PurpleRing from '../../assets/icons/purple_ring.svg'; import RingPlus from '../../assets/icons/ring+.svg'; import Ring from '../../assets/icons/ring.svg'; -import {INTEGRATED_SOCIAL_LIST, TAGG_ICON_DIM} from '../../constants'; +import { + INTEGRATED_SOCIAL_LIST, + TAGG_ICON_DIM, + TAGG_RING_DIM, +} from '../../constants'; import { getNonIntegratedURL, handlePressForAuthBrowser, @@ -85,15 +89,15 @@ const Tagg: React.FC<TaggProps> = ({ const pickTheRightRingHere = () => { if (youMayPass) { if (social === 'Tagg') { - return <Ring width={TAGG_ICON_DIM} height={TAGG_ICON_DIM} />; + return <Ring width={TAGG_RING_DIM} height={TAGG_RING_DIM} />; } else { - return <PurpleRing width={TAGG_ICON_DIM} height={TAGG_ICON_DIM} />; + return <PurpleRing width={TAGG_RING_DIM} height={TAGG_RING_DIM} />; } } else { if (social === 'Tagg') { - return <RingPlus width={TAGG_ICON_DIM} height={TAGG_ICON_DIM} />; + return <RingPlus width={TAGG_RING_DIM} height={TAGG_RING_DIM} />; } else { - return <PurpleRingPlus width={TAGG_ICON_DIM} height={TAGG_ICON_DIM} />; + return <PurpleRingPlus width={TAGG_RING_DIM} height={TAGG_RING_DIM} />; } } }; @@ -135,7 +139,7 @@ const styles = StyleSheet.create({ container: { justifyContent: 'center', alignItems: 'center', - marginHorizontal: 5, + marginHorizontal: 15, }, image: { width: TAGG_ICON_DIM, |