diff options
| author | Ivan Chen <ivan@thetaggid.com> | 2020-11-02 13:21:17 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-11-02 13:21:17 -0500 |
| commit | 97a2d354a1cd1d3d50e456d95487614d172417f2 (patch) | |
| tree | 55189194800fd706176be42a77417de99b40b9fb /src/components/common/SocialIcon.tsx | |
| parent | aacb9237466c42b2e26f52a6588e6307c137db6e (diff) | |
Hotfix new icons (#86)
* changed to use new social icons
* changed padding
* more dimension change
* removing them then will re-add them to let git update them
* icon sizes are correct now
* fixed icon size on onboarding
Diffstat (limited to 'src/components/common/SocialIcon.tsx')
| -rw-r--r-- | src/components/common/SocialIcon.tsx | 25 |
1 files changed, 11 insertions, 14 deletions
diff --git a/src/components/common/SocialIcon.tsx b/src/components/common/SocialIcon.tsx index 84da1ca7..3c9deb6d 100644 --- a/src/components/common/SocialIcon.tsx +++ b/src/components/common/SocialIcon.tsx @@ -14,40 +14,37 @@ const SocialIcon: React.FC<SocialIconProps> = ({ }) => { switch (social) { case 'Instagram': - var icon = require('../../assets/images/instagram-icon.png'); + var icon = require('../../assets/socials/instagram-icon.png'); break; case 'Facebook': - var icon = require('../../assets/images/facebook-icon.png'); + var icon = require('../../assets/socials/facebook-icon.png'); break; case 'Twitter': - var icon = require('../../assets/images/twitter-icon.png'); - break; - case 'Tiktok': - var icon = require('../../assets/images/tiktok-icon.png'); + var icon = require('../../assets/socials/twitter-icon.png'); break; case 'Twitch': - var icon = require('../../assets/images/twitch-icon.png'); + var icon = require('../../assets/socials/twitch-icon.png'); break; case 'Pinterest': - var icon = require('../../assets/images/pinterest-icon.png'); + var icon = require('../../assets/socials/pinterest-icon.png'); break; case 'Whatsapp': - var icon = require('../../assets/images/whatsapp-icon.png'); + var icon = require('../../assets/socials/whatsapp-icon.png'); break; case 'Linkedin': - var icon = require('../../assets/images/linkedin-icon.png'); + var icon = require('../../assets/socials/linkedin-icon.png'); break; case 'Snapchat': - var icon = require('../../assets/images/snapchat-icon.png'); + var icon = require('../../assets/socials/snapchat-icon.png'); break; case 'Youtube': - var icon = require('../../assets/images/youtube-icon.png'); + var icon = require('../../assets/socials/youtube-icon.png'); break; case 'TikTok': - var icon = require('../../assets/images/tiktok-icon.png'); + var icon = require('../../assets/socials/tiktok-icon.png'); break; default: - var icon = require('../../assets/images/logo.png'); + var icon = require('../../assets/socials/logo.png'); break; } return <Image style={style} source={icon} />; |