From ebf69b2dc12b3109e3556c7e3a07ea3037a2ae53 Mon Sep 17 00:00:00 2001
From: Justin Shillingford <jgs272@cornell.edu>
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/constants/constants.ts | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

(limited to 'src/constants')

diff --git a/src/constants/constants.ts b/src/constants/constants.ts
index f79c2c5b..ee178b68 100644
--- a/src/constants/constants.ts
+++ b/src/constants/constants.ts
@@ -8,3 +8,37 @@ export const PROFILE_CUTOUT_CORNER_Y = SCREEN_HEIGHT / 1.95;
 export const IMAGE_WIDTH = SCREEN_WIDTH;
 export const IMAGE_HEIGHT = SCREEN_WIDTH;
 export const COVER_HEIGHT = SCREEN_WIDTH * (7 / 5);
+
+export const SOCIAL_LIST: Array<string> = [
+  'Instagram',
+  'Facebook',
+  'Twitter',
+  'Twitch',
+  'Pinterest',
+  'Whatsapp',
+  'Linkedin',
+  'Snapchat',
+  'Youtube',
+];
+
+export const INSTAGRAM_FONT_COLOR: string = '#FF97DE';
+export const FACEBOOK_FONT_COLOR: string = '#6697FD';
+export const TWITTER_FONT_COLOR: string = '#74C9FD';
+export const TWITCH_FONT_COLOR: string = '#CB93FF';
+export const PINTEREST_FONT_COLOR: string = '#FF7584';
+export const WHATSAPP_FONT_COLOR: string = '#4AC959';
+export const LINKEDIN_FONT_COLOR: string = '#78B5FD';
+export const SNAPCHAT_FONT_COLOR: string = '#FFFC00';
+export const YOUTUBE_FONT_COLOR: string = '#FCA4A4';
+
+export const SOCIAL_FONT_COLORS = {
+  INSTAGRAM: INSTAGRAM_FONT_COLOR,
+  FACEBOOK: FACEBOOK_FONT_COLOR,
+  TWITTER: TWITTER_FONT_COLOR,
+  TWITCH: TWITCH_FONT_COLOR,
+  PINTEREST: PINTEREST_FONT_COLOR,
+  WHATSAPP: WHATSAPP_FONT_COLOR,
+  LINKEDIN: LINKEDIN_FONT_COLOR,
+  SNAPCHAT: SNAPCHAT_FONT_COLOR,
+  YOUTUBE: YOUTUBE_FONT_COLOR,
+};
-- 
cgit v1.2.3-70-g09d2