From ebf69b2dc12b3109e3556c7e3a07ea3037a2ae53 Mon Sep 17 00:00:00 2001 From: Justin Shillingford Date: Mon, 10 Aug 2020 17:37:40 -0400 Subject: [TMA-65] Onboarding Link Social Media UI (#29) * Basic setup for SocialMediaLinker component * Added social media icons * Displayed 3 main social components * Layout components in a row * Added base Show More/Less button * Display all 9 socials with Show More button * Added different font colors for each linker * Realized that the check doesn't replace the text * Added type-checking to some constants * Updated state name * Fixed Checkpoint.tsx merge issue * Removed unnecessary path element * Fixed type issues on Verification.tsx --- src/assets/images/facebook-icon.png | Bin 0 -> 1881 bytes src/assets/images/facebook-icon@2x.png | Bin 0 -> 3629 bytes src/assets/images/facebook-icon@3x.png | Bin 0 -> 5748 bytes src/assets/images/instagram-icon.png | Bin 0 -> 4365 bytes src/assets/images/instagram-icon@2x.png | Bin 0 -> 11832 bytes src/assets/images/instagram-icon@3x.png | Bin 0 -> 21141 bytes src/assets/images/link-tick.png | Bin 0 -> 384 bytes src/assets/images/link-tick@2x.png | Bin 0 -> 632 bytes src/assets/images/link-tick@3x.png | Bin 0 -> 880 bytes src/assets/images/linkedin-icon.png | Bin 0 -> 2203 bytes src/assets/images/linkedin-icon@2x.png | Bin 0 -> 4707 bytes src/assets/images/linkedin-icon@3x.png | Bin 0 -> 7440 bytes src/assets/images/pinterest-icon.png | Bin 0 -> 2967 bytes src/assets/images/pinterest-icon@2x.png | Bin 0 -> 6593 bytes src/assets/images/pinterest-icon@3x.png | Bin 0 -> 10790 bytes src/assets/images/snapchat-icon.png | Bin 0 -> 2127 bytes src/assets/images/snapchat-icon@2x.png | Bin 0 -> 4469 bytes src/assets/images/snapchat-icon@3x.png | Bin 0 -> 7132 bytes src/assets/images/twitch-icon.png | Bin 0 -> 1738 bytes src/assets/images/twitch-icon@2x.png | Bin 0 -> 3272 bytes src/assets/images/twitch-icon@3x.png | Bin 0 -> 4606 bytes src/assets/images/twitter-icon.png | Bin 0 -> 2543 bytes src/assets/images/twitter-icon@2x.png | Bin 0 -> 5364 bytes src/assets/images/twitter-icon@3x.png | Bin 0 -> 8632 bytes src/assets/images/whatsapp-icon.png | Bin 0 -> 2895 bytes src/assets/images/whatsapp-icon@2x.png | Bin 0 -> 6070 bytes src/assets/images/whatsapp-icon@3x.png | Bin 0 -> 9663 bytes src/assets/images/youtube-icon.png | Bin 0 -> 1811 bytes src/assets/images/youtube-icon@2x.png | Bin 0 -> 3818 bytes src/assets/images/youtube-icon@3x.png | Bin 0 -> 6001 bytes 30 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/assets/images/facebook-icon.png create mode 100644 src/assets/images/facebook-icon@2x.png create mode 100644 src/assets/images/facebook-icon@3x.png create mode 100644 src/assets/images/instagram-icon.png create mode 100644 src/assets/images/instagram-icon@2x.png create mode 100644 src/assets/images/instagram-icon@3x.png create mode 100644 src/assets/images/link-tick.png create mode 100644 src/assets/images/link-tick@2x.png create mode 100644 src/assets/images/link-tick@3x.png create mode 100644 src/assets/images/linkedin-icon.png create mode 100644 src/assets/images/linkedin-icon@2x.png create mode 100644 src/assets/images/linkedin-icon@3x.png create mode 100644 src/assets/images/pinterest-icon.png create mode 100644 src/assets/images/pinterest-icon@2x.png create mode 100644 src/assets/images/pinterest-icon@3x.png create mode 100644 src/assets/images/snapchat-icon.png create mode 100644 src/assets/images/snapchat-icon@2x.png create mode 100644 src/assets/images/snapchat-icon@3x.png create mode 100644 src/assets/images/twitch-icon.png create mode 100644 src/assets/images/twitch-icon@2x.png create mode 100644 src/assets/images/twitch-icon@3x.png create mode 100644 src/assets/images/twitter-icon.png create mode 100644 src/assets/images/twitter-icon@2x.png create mode 100644 src/assets/images/twitter-icon@3x.png create mode 100644 src/assets/images/whatsapp-icon.png create mode 100644 src/assets/images/whatsapp-icon@2x.png create mode 100644 src/assets/images/whatsapp-icon@3x.png create mode 100644 src/assets/images/youtube-icon.png create mode 100644 src/assets/images/youtube-icon@2x.png create mode 100644 src/assets/images/youtube-icon@3x.png (limited to 'src/assets') diff --git a/src/assets/images/facebook-icon.png b/src/assets/images/facebook-icon.png new file mode 100644 index 00000000..d1f053b6 Binary files /dev/null and b/src/assets/images/facebook-icon.png differ diff --git a/src/assets/images/facebook-icon@2x.png b/src/assets/images/facebook-icon@2x.png new file mode 100644 index 00000000..0a989e29 Binary files /dev/null and b/src/assets/images/facebook-icon@2x.png differ diff --git a/src/assets/images/facebook-icon@3x.png b/src/assets/images/facebook-icon@3x.png new file mode 100644 index 00000000..8b5521f1 Binary files /dev/null and b/src/assets/images/facebook-icon@3x.png differ diff --git a/src/assets/images/instagram-icon.png b/src/assets/images/instagram-icon.png new file mode 100644 index 00000000..f54673a4 Binary files /dev/null and b/src/assets/images/instagram-icon.png differ diff --git a/src/assets/images/instagram-icon@2x.png b/src/assets/images/instagram-icon@2x.png new file mode 100644 index 00000000..0ed42793 Binary files /dev/null and b/src/assets/images/instagram-icon@2x.png differ diff --git a/src/assets/images/instagram-icon@3x.png b/src/assets/images/instagram-icon@3x.png new file mode 100644 index 00000000..c498c11e Binary files /dev/null and b/src/assets/images/instagram-icon@3x.png differ diff --git a/src/assets/images/link-tick.png b/src/assets/images/link-tick.png new file mode 100644 index 00000000..eb1b813b Binary files /dev/null and b/src/assets/images/link-tick.png differ diff --git a/src/assets/images/link-tick@2x.png b/src/assets/images/link-tick@2x.png new file mode 100644 index 00000000..7eca8080 Binary files /dev/null and b/src/assets/images/link-tick@2x.png differ diff --git a/src/assets/images/link-tick@3x.png b/src/assets/images/link-tick@3x.png new file mode 100644 index 00000000..d3478eaf Binary files /dev/null and b/src/assets/images/link-tick@3x.png differ diff --git a/src/assets/images/linkedin-icon.png b/src/assets/images/linkedin-icon.png new file mode 100644 index 00000000..e87ff0fd Binary files /dev/null and b/src/assets/images/linkedin-icon.png differ diff --git a/src/assets/images/linkedin-icon@2x.png b/src/assets/images/linkedin-icon@2x.png new file mode 100644 index 00000000..f6cc62d8 Binary files /dev/null and b/src/assets/images/linkedin-icon@2x.png differ diff --git a/src/assets/images/linkedin-icon@3x.png b/src/assets/images/linkedin-icon@3x.png new file mode 100644 index 00000000..cc8db482 Binary files /dev/null and b/src/assets/images/linkedin-icon@3x.png differ diff --git a/src/assets/images/pinterest-icon.png b/src/assets/images/pinterest-icon.png new file mode 100644 index 00000000..f0848db1 Binary files /dev/null and b/src/assets/images/pinterest-icon.png differ diff --git a/src/assets/images/pinterest-icon@2x.png b/src/assets/images/pinterest-icon@2x.png new file mode 100644 index 00000000..03dde113 Binary files /dev/null and b/src/assets/images/pinterest-icon@2x.png differ diff --git a/src/assets/images/pinterest-icon@3x.png b/src/assets/images/pinterest-icon@3x.png new file mode 100644 index 00000000..3867eed8 Binary files /dev/null and b/src/assets/images/pinterest-icon@3x.png differ diff --git a/src/assets/images/snapchat-icon.png b/src/assets/images/snapchat-icon.png new file mode 100644 index 00000000..3fef7d5f Binary files /dev/null and b/src/assets/images/snapchat-icon.png differ diff --git a/src/assets/images/snapchat-icon@2x.png b/src/assets/images/snapchat-icon@2x.png new file mode 100644 index 00000000..ff202457 Binary files /dev/null and b/src/assets/images/snapchat-icon@2x.png differ diff --git a/src/assets/images/snapchat-icon@3x.png b/src/assets/images/snapchat-icon@3x.png new file mode 100644 index 00000000..6872961a Binary files /dev/null and b/src/assets/images/snapchat-icon@3x.png differ diff --git a/src/assets/images/twitch-icon.png b/src/assets/images/twitch-icon.png new file mode 100644 index 00000000..f29c1996 Binary files /dev/null and b/src/assets/images/twitch-icon.png differ diff --git a/src/assets/images/twitch-icon@2x.png b/src/assets/images/twitch-icon@2x.png new file mode 100644 index 00000000..1836b0ca Binary files /dev/null and b/src/assets/images/twitch-icon@2x.png differ diff --git a/src/assets/images/twitch-icon@3x.png b/src/assets/images/twitch-icon@3x.png new file mode 100644 index 00000000..9ab3041f Binary files /dev/null and b/src/assets/images/twitch-icon@3x.png differ diff --git a/src/assets/images/twitter-icon.png b/src/assets/images/twitter-icon.png new file mode 100644 index 00000000..96d90d28 Binary files /dev/null and b/src/assets/images/twitter-icon.png differ diff --git a/src/assets/images/twitter-icon@2x.png b/src/assets/images/twitter-icon@2x.png new file mode 100644 index 00000000..5d2ff293 Binary files /dev/null and b/src/assets/images/twitter-icon@2x.png differ diff --git a/src/assets/images/twitter-icon@3x.png b/src/assets/images/twitter-icon@3x.png new file mode 100644 index 00000000..6ab31839 Binary files /dev/null and b/src/assets/images/twitter-icon@3x.png differ diff --git a/src/assets/images/whatsapp-icon.png b/src/assets/images/whatsapp-icon.png new file mode 100644 index 00000000..c42a20b6 Binary files /dev/null and b/src/assets/images/whatsapp-icon.png differ diff --git a/src/assets/images/whatsapp-icon@2x.png b/src/assets/images/whatsapp-icon@2x.png new file mode 100644 index 00000000..b89d1e09 Binary files /dev/null and b/src/assets/images/whatsapp-icon@2x.png differ diff --git a/src/assets/images/whatsapp-icon@3x.png b/src/assets/images/whatsapp-icon@3x.png new file mode 100644 index 00000000..0ee2873b Binary files /dev/null and b/src/assets/images/whatsapp-icon@3x.png differ diff --git a/src/assets/images/youtube-icon.png b/src/assets/images/youtube-icon.png new file mode 100644 index 00000000..2d78a143 Binary files /dev/null and b/src/assets/images/youtube-icon.png differ diff --git a/src/assets/images/youtube-icon@2x.png b/src/assets/images/youtube-icon@2x.png new file mode 100644 index 00000000..33b3ebec Binary files /dev/null and b/src/assets/images/youtube-icon@2x.png differ diff --git a/src/assets/images/youtube-icon@3x.png b/src/assets/images/youtube-icon@3x.png new file mode 100644 index 00000000..612d4472 Binary files /dev/null and b/src/assets/images/youtube-icon@3x.png differ -- cgit v1.2.3-70-g09d2