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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
import {SCREEN_WIDTH, SCREEN_HEIGHT, isIPhoneX} from '../utils';
export const CHIN_HEIGHT = 34;
export const PROFILE_CUTOUT_TOP_Y = SCREEN_HEIGHT / 2.3;
export const PROFILE_CUTOUT_BOTTOM_Y = isIPhoneX()
? SCREEN_HEIGHT / 1.86
: SCREEN_HEIGHT / 1.76;
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_HEIGHT * 0.55;
export const AVATAR_DIM = 44;
export const AVATAR_GRADIENT_DIM = 50;
export const TAGG_ICON_DIM = 58;
export const TAGG_RING_DIM = 65;
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 SOCIAL_ICON_SIZE_ADJUSTMENT: {[social: string]: number} = {
Instagram: 25,
Facebook: 20,
Twitter: 23,
Snapchat: 25,
TikTok: 20,
};
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 TAGG_DARK_BLUE = '#4E699C';
export const TAGG_TEXT_LIGHT_BLUE: string = '#698DD3';
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,
};
export const TOGGLE_BUTTON_TYPE = {
FOLLOW_UNFOLLOW: 'Follow',
BLOCK_UNBLOCK: 'Block',
};
// Profile Moments
export const defaultMoments: Array<string> = [
'Early Life',
'Campus',
'Creativity',
'Activity',
];
export const TAGG_CUSTOMER_SUPPORT: string = 'support@tagg.id';
export const BROWSABLE_SOCIAL_URLS: Record<string, string> = {
Instagram: 'https://instagram.com/',
Twitter: 'https://twitter.com/',
};
|
