1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
|
import {SCREEN_WIDTH, SCREEN_HEIGHT} from '../utils';
export const PROFILE_CUTOUT_TOP_Y = SCREEN_HEIGHT / 2.3;
export const PROFILE_CUTOUT_BOTTOM_Y = SCREEN_HEIGHT / 1.8;
export const PROFILE_CUTOUT_CORNER_X = SCREEN_WIDTH / 2.9;
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 AVATAR_DIM = 44;
export const AVATAR_GRADIENT_DIM = 50;
export const TAGG_ICON_DIM = 58;
export const TAGG_RING_DIM = 75;
export const INTEGRATED_SOCIAL_LIST: string[] = [
'Instagram',
'Facebook',
'Twitter',
];
export const SOCIAL_LIST: string[] = [
'Instagram',
'Facebook',
'Twitter',
'Snapchat',
'TikTok',
// TODO: we don't have endpoints to support these yet...
// 'Twitch',
// 'Pinterest',
// 'Whatsapp',
// 'Linkedin',
// 'Youtube',
];
export const INSTAGRAM_FONT_COLOR: string = '#FF97DE';
export const FACEBOOK_FONT_COLOR: string = '#6697FD';
export const TWITTER_FONT_COLOR: string = '#74C9FD';
export const TIKTOK_FONT_COLOR: string = '#78B5FD';
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 TAGGS_GRADIENT = {
start: '#9F00FF',
end: '#27EAE9',
};
export const AVATAR_GRADIENT = {
start: '#240041',
end: '#215151',
};
export const SOCIAL_FONT_COLORS = {
INSTAGRAM: INSTAGRAM_FONT_COLOR,
FACEBOOK: FACEBOOK_FONT_COLOR,
TWITTER: TWITTER_FONT_COLOR,
TIKTOK: TIKTOK_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,
};
// Profile Moments
export const defaultMoments: Array<string> = [
'Early Life',
'Campus',
'Creativity',
'Activity',
];
export const MOMENTS_TITLE_COLOR: string = '#698DD3';
|