From 97a2d354a1cd1d3d50e456d95487614d172417f2 Mon Sep 17 00:00:00 2001 From: Ivan Chen Date: Mon, 2 Nov 2020 13:21:17 -0500 Subject: 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 --- src/assets/images/facebook-icon.png | Bin 1881 -> 0 bytes src/assets/images/facebook-icon@2x.png | Bin 3629 -> 0 bytes src/assets/images/facebook-icon@3x.png | Bin 5748 -> 0 bytes src/assets/images/instagram-icon.png | Bin 4365 -> 0 bytes src/assets/images/instagram-icon@2x.png | Bin 11832 -> 0 bytes src/assets/images/instagram-icon@3x.png | Bin 21141 -> 0 bytes src/assets/images/linkedin-icon.png | Bin 2203 -> 0 bytes src/assets/images/linkedin-icon@2x.png | Bin 4707 -> 0 bytes src/assets/images/linkedin-icon@3x.png | Bin 7440 -> 0 bytes src/assets/images/pinterest-icon.png | Bin 2967 -> 0 bytes src/assets/images/pinterest-icon@2x.png | Bin 6593 -> 0 bytes src/assets/images/pinterest-icon@3x.png | Bin 10790 -> 0 bytes src/assets/images/snapchat-icon.png | Bin 2127 -> 0 bytes src/assets/images/snapchat-icon@2x.png | Bin 4469 -> 0 bytes src/assets/images/snapchat-icon@3x.png | Bin 7132 -> 0 bytes src/assets/images/tiktok-icon.png | Bin 5552 -> 0 bytes src/assets/images/twitch-icon.png | Bin 1738 -> 0 bytes src/assets/images/twitch-icon@2x.png | Bin 3272 -> 0 bytes src/assets/images/twitch-icon@3x.png | Bin 4606 -> 0 bytes src/assets/images/twitter-icon.png | Bin 2543 -> 0 bytes src/assets/images/twitter-icon@2x.png | Bin 5364 -> 0 bytes src/assets/images/twitter-icon@3x.png | Bin 8632 -> 0 bytes src/assets/images/whatsapp-icon.png | Bin 2895 -> 0 bytes src/assets/images/whatsapp-icon@2x.png | Bin 6070 -> 0 bytes src/assets/images/whatsapp-icon@3x.png | Bin 9663 -> 0 bytes src/assets/images/youtube-icon.png | Bin 1811 -> 0 bytes src/assets/images/youtube-icon@2x.png | Bin 3818 -> 0 bytes src/assets/images/youtube-icon@3x.png | Bin 6001 -> 0 bytes src/assets/socials/facebook-icon.png | Bin 0 -> 12870 bytes src/assets/socials/instagram-icon.png | Bin 0 -> 23318 bytes src/assets/socials/linkedin-icon.png | Bin 0 -> 9455 bytes src/assets/socials/logo.png | Bin 0 -> 10418 bytes src/assets/socials/pinterest-icon.png | Bin 0 -> 10790 bytes src/assets/socials/snapchat-icon.png | Bin 0 -> 17462 bytes src/assets/socials/spotify-icon.png | Bin 0 -> 18959 bytes src/assets/socials/tiktok-icon.png | Bin 0 -> 17315 bytes src/assets/socials/twitch-icon.png | Bin 0 -> 10038 bytes src/assets/socials/twitter-icon.png | Bin 0 -> 9734 bytes src/assets/socials/whatsapp-icon.png | Bin 0 -> 16674 bytes src/assets/socials/youtube-icon.png | Bin 0 -> 13975 bytes src/components/common/SocialIcon.tsx | 25 +++++++++++-------------- src/components/onboarding/LinkSocialMedia.tsx | 4 +++- src/components/taggs/Tagg.tsx | 16 ++++++++++------ src/components/taggs/TaggsBar.tsx | 2 +- src/constants/constants.ts | 3 ++- 45 files changed, 27 insertions(+), 23 deletions(-) delete mode 100644 src/assets/images/facebook-icon.png delete mode 100644 src/assets/images/facebook-icon@2x.png delete mode 100644 src/assets/images/facebook-icon@3x.png delete mode 100644 src/assets/images/instagram-icon.png delete mode 100644 src/assets/images/instagram-icon@2x.png delete mode 100644 src/assets/images/instagram-icon@3x.png delete mode 100644 src/assets/images/linkedin-icon.png delete mode 100644 src/assets/images/linkedin-icon@2x.png delete mode 100644 src/assets/images/linkedin-icon@3x.png delete mode 100644 src/assets/images/pinterest-icon.png delete mode 100644 src/assets/images/pinterest-icon@2x.png delete mode 100644 src/assets/images/pinterest-icon@3x.png delete mode 100644 src/assets/images/snapchat-icon.png delete mode 100644 src/assets/images/snapchat-icon@2x.png delete mode 100644 src/assets/images/snapchat-icon@3x.png delete mode 100644 src/assets/images/tiktok-icon.png delete mode 100644 src/assets/images/twitch-icon.png delete mode 100644 src/assets/images/twitch-icon@2x.png delete mode 100644 src/assets/images/twitch-icon@3x.png delete mode 100644 src/assets/images/twitter-icon.png delete mode 100644 src/assets/images/twitter-icon@2x.png delete mode 100644 src/assets/images/twitter-icon@3x.png delete mode 100644 src/assets/images/whatsapp-icon.png delete mode 100644 src/assets/images/whatsapp-icon@2x.png delete mode 100644 src/assets/images/whatsapp-icon@3x.png delete mode 100644 src/assets/images/youtube-icon.png delete mode 100644 src/assets/images/youtube-icon@2x.png delete mode 100644 src/assets/images/youtube-icon@3x.png create mode 100644 src/assets/socials/facebook-icon.png create mode 100644 src/assets/socials/instagram-icon.png create mode 100644 src/assets/socials/linkedin-icon.png create mode 100644 src/assets/socials/logo.png create mode 100644 src/assets/socials/pinterest-icon.png create mode 100644 src/assets/socials/snapchat-icon.png create mode 100755 src/assets/socials/spotify-icon.png create mode 100644 src/assets/socials/tiktok-icon.png create mode 100644 src/assets/socials/twitch-icon.png create mode 100755 src/assets/socials/twitter-icon.png create mode 100644 src/assets/socials/whatsapp-icon.png create mode 100755 src/assets/socials/youtube-icon.png (limited to 'src') diff --git a/src/assets/images/facebook-icon.png b/src/assets/images/facebook-icon.png deleted file mode 100644 index d1f053b6..00000000 Binary files a/src/assets/images/facebook-icon.png and /dev/null differ diff --git a/src/assets/images/facebook-icon@2x.png b/src/assets/images/facebook-icon@2x.png deleted file mode 100644 index 0a989e29..00000000 Binary files a/src/assets/images/facebook-icon@2x.png and /dev/null differ diff --git a/src/assets/images/facebook-icon@3x.png b/src/assets/images/facebook-icon@3x.png deleted file mode 100644 index 8b5521f1..00000000 Binary files a/src/assets/images/facebook-icon@3x.png and /dev/null differ diff --git a/src/assets/images/instagram-icon.png b/src/assets/images/instagram-icon.png deleted file mode 100644 index f54673a4..00000000 Binary files a/src/assets/images/instagram-icon.png and /dev/null differ diff --git a/src/assets/images/instagram-icon@2x.png b/src/assets/images/instagram-icon@2x.png deleted file mode 100644 index 0ed42793..00000000 Binary files a/src/assets/images/instagram-icon@2x.png and /dev/null differ diff --git a/src/assets/images/instagram-icon@3x.png b/src/assets/images/instagram-icon@3x.png deleted file mode 100644 index c498c11e..00000000 Binary files a/src/assets/images/instagram-icon@3x.png and /dev/null differ diff --git a/src/assets/images/linkedin-icon.png b/src/assets/images/linkedin-icon.png deleted file mode 100644 index e87ff0fd..00000000 Binary files a/src/assets/images/linkedin-icon.png and /dev/null differ diff --git a/src/assets/images/linkedin-icon@2x.png b/src/assets/images/linkedin-icon@2x.png deleted file mode 100644 index f6cc62d8..00000000 Binary files a/src/assets/images/linkedin-icon@2x.png and /dev/null differ diff --git a/src/assets/images/linkedin-icon@3x.png b/src/assets/images/linkedin-icon@3x.png deleted file mode 100644 index cc8db482..00000000 Binary files a/src/assets/images/linkedin-icon@3x.png and /dev/null differ diff --git a/src/assets/images/pinterest-icon.png b/src/assets/images/pinterest-icon.png deleted file mode 100644 index f0848db1..00000000 Binary files a/src/assets/images/pinterest-icon.png and /dev/null differ diff --git a/src/assets/images/pinterest-icon@2x.png b/src/assets/images/pinterest-icon@2x.png deleted file mode 100644 index 03dde113..00000000 Binary files a/src/assets/images/pinterest-icon@2x.png and /dev/null differ diff --git a/src/assets/images/pinterest-icon@3x.png b/src/assets/images/pinterest-icon@3x.png deleted file mode 100644 index 3867eed8..00000000 Binary files a/src/assets/images/pinterest-icon@3x.png and /dev/null differ diff --git a/src/assets/images/snapchat-icon.png b/src/assets/images/snapchat-icon.png deleted file mode 100644 index 3fef7d5f..00000000 Binary files a/src/assets/images/snapchat-icon.png and /dev/null differ diff --git a/src/assets/images/snapchat-icon@2x.png b/src/assets/images/snapchat-icon@2x.png deleted file mode 100644 index ff202457..00000000 Binary files a/src/assets/images/snapchat-icon@2x.png and /dev/null differ diff --git a/src/assets/images/snapchat-icon@3x.png b/src/assets/images/snapchat-icon@3x.png deleted file mode 100644 index 6872961a..00000000 Binary files a/src/assets/images/snapchat-icon@3x.png and /dev/null differ diff --git a/src/assets/images/tiktok-icon.png b/src/assets/images/tiktok-icon.png deleted file mode 100644 index c7fa788d..00000000 Binary files a/src/assets/images/tiktok-icon.png and /dev/null differ diff --git a/src/assets/images/twitch-icon.png b/src/assets/images/twitch-icon.png deleted file mode 100644 index f29c1996..00000000 Binary files a/src/assets/images/twitch-icon.png and /dev/null differ diff --git a/src/assets/images/twitch-icon@2x.png b/src/assets/images/twitch-icon@2x.png deleted file mode 100644 index 1836b0ca..00000000 Binary files a/src/assets/images/twitch-icon@2x.png and /dev/null differ diff --git a/src/assets/images/twitch-icon@3x.png b/src/assets/images/twitch-icon@3x.png deleted file mode 100644 index 9ab3041f..00000000 Binary files a/src/assets/images/twitch-icon@3x.png and /dev/null differ diff --git a/src/assets/images/twitter-icon.png b/src/assets/images/twitter-icon.png deleted file mode 100644 index 96d90d28..00000000 Binary files a/src/assets/images/twitter-icon.png and /dev/null differ diff --git a/src/assets/images/twitter-icon@2x.png b/src/assets/images/twitter-icon@2x.png deleted file mode 100644 index 5d2ff293..00000000 Binary files a/src/assets/images/twitter-icon@2x.png and /dev/null differ diff --git a/src/assets/images/twitter-icon@3x.png b/src/assets/images/twitter-icon@3x.png deleted file mode 100644 index 6ab31839..00000000 Binary files a/src/assets/images/twitter-icon@3x.png and /dev/null differ diff --git a/src/assets/images/whatsapp-icon.png b/src/assets/images/whatsapp-icon.png deleted file mode 100644 index c42a20b6..00000000 Binary files a/src/assets/images/whatsapp-icon.png and /dev/null differ diff --git a/src/assets/images/whatsapp-icon@2x.png b/src/assets/images/whatsapp-icon@2x.png deleted file mode 100644 index b89d1e09..00000000 Binary files a/src/assets/images/whatsapp-icon@2x.png and /dev/null differ diff --git a/src/assets/images/whatsapp-icon@3x.png b/src/assets/images/whatsapp-icon@3x.png deleted file mode 100644 index 0ee2873b..00000000 Binary files a/src/assets/images/whatsapp-icon@3x.png and /dev/null differ diff --git a/src/assets/images/youtube-icon.png b/src/assets/images/youtube-icon.png deleted file mode 100644 index 2d78a143..00000000 Binary files a/src/assets/images/youtube-icon.png and /dev/null differ diff --git a/src/assets/images/youtube-icon@2x.png b/src/assets/images/youtube-icon@2x.png deleted file mode 100644 index 33b3ebec..00000000 Binary files a/src/assets/images/youtube-icon@2x.png and /dev/null differ diff --git a/src/assets/images/youtube-icon@3x.png b/src/assets/images/youtube-icon@3x.png deleted file mode 100644 index 612d4472..00000000 Binary files a/src/assets/images/youtube-icon@3x.png and /dev/null differ diff --git a/src/assets/socials/facebook-icon.png b/src/assets/socials/facebook-icon.png new file mode 100644 index 00000000..213149c8 Binary files /dev/null and b/src/assets/socials/facebook-icon.png differ diff --git a/src/assets/socials/instagram-icon.png b/src/assets/socials/instagram-icon.png new file mode 100644 index 00000000..0fc3eee0 Binary files /dev/null and b/src/assets/socials/instagram-icon.png differ diff --git a/src/assets/socials/linkedin-icon.png b/src/assets/socials/linkedin-icon.png new file mode 100644 index 00000000..ceff22b7 Binary files /dev/null and b/src/assets/socials/linkedin-icon.png differ diff --git a/src/assets/socials/logo.png b/src/assets/socials/logo.png new file mode 100644 index 00000000..f945bad9 Binary files /dev/null and b/src/assets/socials/logo.png differ diff --git a/src/assets/socials/pinterest-icon.png b/src/assets/socials/pinterest-icon.png new file mode 100644 index 00000000..3867eed8 Binary files /dev/null and b/src/assets/socials/pinterest-icon.png differ diff --git a/src/assets/socials/snapchat-icon.png b/src/assets/socials/snapchat-icon.png new file mode 100644 index 00000000..20725ca6 Binary files /dev/null and b/src/assets/socials/snapchat-icon.png differ diff --git a/src/assets/socials/spotify-icon.png b/src/assets/socials/spotify-icon.png new file mode 100755 index 00000000..43a3283e Binary files /dev/null and b/src/assets/socials/spotify-icon.png differ diff --git a/src/assets/socials/tiktok-icon.png b/src/assets/socials/tiktok-icon.png new file mode 100644 index 00000000..08c78ce1 Binary files /dev/null and b/src/assets/socials/tiktok-icon.png differ diff --git a/src/assets/socials/twitch-icon.png b/src/assets/socials/twitch-icon.png new file mode 100644 index 00000000..a9db28e5 Binary files /dev/null and b/src/assets/socials/twitch-icon.png differ diff --git a/src/assets/socials/twitter-icon.png b/src/assets/socials/twitter-icon.png new file mode 100755 index 00000000..203a30cf Binary files /dev/null and b/src/assets/socials/twitter-icon.png differ diff --git a/src/assets/socials/whatsapp-icon.png b/src/assets/socials/whatsapp-icon.png new file mode 100644 index 00000000..863fe38b Binary files /dev/null and b/src/assets/socials/whatsapp-icon.png differ diff --git a/src/assets/socials/youtube-icon.png b/src/assets/socials/youtube-icon.png new file mode 100755 index 00000000..abb02271 Binary files /dev/null and b/src/assets/socials/youtube-icon.png differ 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 = ({ }) => { 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 ; diff --git a/src/components/onboarding/LinkSocialMedia.tsx b/src/components/onboarding/LinkSocialMedia.tsx index 5f95fac8..03ca3a29 100644 --- a/src/components/onboarding/LinkSocialMedia.tsx +++ b/src/components/onboarding/LinkSocialMedia.tsx @@ -22,7 +22,7 @@ import { LINK_TWITTER_ENDPOINT, LINK_TWITTER_OAUTH, } from '../../constants'; -import {SOCIAL_FONT_COLORS} from '../../constants/constants'; +import {SOCIAL_FONT_COLORS, TAGG_ICON_DIM} from '../../constants/constants'; import SocialIcon from '../common/SocialIcon'; interface SocialMediaLinkerProps extends TouchableOpacityProps { @@ -192,6 +192,8 @@ const styles = StyleSheet.create({ }, icon: { top: '15%', + width: TAGG_ICON_DIM, + height: TAGG_ICON_DIM, }, label: { fontWeight: '500', 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 = ({ const pickTheRightRingHere = () => { if (youMayPass) { if (social === 'Tagg') { - return ; + return ; } else { - return ; + return ; } } else { if (social === 'Tagg') { - return ; + return ; } else { - return ; + return ; } } }; @@ -135,7 +139,7 @@ const styles = StyleSheet.create({ container: { justifyContent: 'center', alignItems: 'center', - marginHorizontal: 5, + marginHorizontal: 15, }, image: { width: TAGG_ICON_DIM, diff --git a/src/components/taggs/TaggsBar.tsx b/src/components/taggs/TaggsBar.tsx index 62f5f90e..61bcd90a 100644 --- a/src/components/taggs/TaggsBar.tsx +++ b/src/components/taggs/TaggsBar.tsx @@ -127,7 +127,7 @@ const styles = StyleSheet.create({ }, contentContainer: { alignItems: 'center', - paddingHorizontal: 15, + paddingHorizontal: 10, }, }); diff --git a/src/constants/constants.ts b/src/constants/constants.ts index be34f7f0..123d0617 100644 --- a/src/constants/constants.ts +++ b/src/constants/constants.ts @@ -12,7 +12,8 @@ export const COVER_HEIGHT = SCREEN_WIDTH * (7 / 5); export const AVATAR_DIM = 44; export const AVATAR_GRADIENT_DIM = 50; -export const TAGG_ICON_DIM = 72; +export const TAGG_ICON_DIM = 58; +export const TAGG_RING_DIM = 75; export const INTEGRATED_SOCIAL_LIST: string[] = [ 'Instagram', -- cgit v1.2.3-70-g09d2