diff options
| author | Justin Shillingford <jgs272@cornell.edu> | 2020-08-10 17:37:40 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-08-10 17:37:40 -0400 |
| commit | ebf69b2dc12b3109e3556c7e3a07ea3037a2ae53 (patch) | |
| tree | 2ded718315787885d703be2f4b6996c9ab9077aa /src/constants | |
| parent | 8e62aaa6dc7c61dcba7b9313d0aadcf7f46ce41b (diff) | |
[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
Diffstat (limited to 'src/constants')
| -rw-r--r-- | src/constants/constants.ts | 34 |
1 files changed, 34 insertions, 0 deletions
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, +}; |