aboutsummaryrefslogtreecommitdiff
path: root/src/constants/constants.ts
blob: 123d0617522672737f59949ba3b36189ca074e68 (plain)
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';