From 1279249ee9355f88913578f51e3b0bf7d99672f6 Mon Sep 17 00:00:00 2001 From: Leon Jiang <35908040+leonyjiang@users.noreply.github.com> Date: Wed, 5 Aug 2020 14:15:06 -0700 Subject: [TMA-122] User Profile Screen UI (#27) * Fix yarn lint issues * Add react-native-svg to project * Create UserType & PostType * Create temporary Post component * Fix import cycle warning, update AuthContext * Update onboarding screen imports * Update config files * Add rn-fetch-blob package * Update types * Add profile fetching to AuthContext * Update post component * Import placeholder images from designs * Add profile UI components * Create screen offset constants * Add new api endpoints * Create screen layout utils * Create Profile screen UI * Remove some unused styling * Restructure ProfileScreen and fix animations * Add gradient back to screen * Update Moment circle styling --- src/constants/api.ts | 17 ++++++++++------- src/constants/constants.ts | 10 ++++++++++ src/constants/index.ts | 1 + 3 files changed, 21 insertions(+), 7 deletions(-) create mode 100644 src/constants/constants.ts (limited to 'src/constants') diff --git a/src/constants/api.ts b/src/constants/api.ts index 657adf03..fd654c53 100644 --- a/src/constants/api.ts +++ b/src/constants/api.ts @@ -1,7 +1,10 @@ -export const API_ENDPOINT: string = 'http://127.0.0.1:8000/api/'; -export const LOGIN_ENDPOINT: string = 'http://127.0.0.1:8000/api/login/'; -export const LOGOUT_ENDPOINT: string = 'http://127.0.0.1:8000/api/logout/'; -export const REGISTER_ENDPOINT: string = 'http://127.0.0.1:8000/api/register/'; -export const SEND_OTP_ENDPOINT: string = 'http://127.0.0.1:8000/api/send-otp/'; -export const VERIFY_OTP_ENDPOINT: string = - 'http://127.0.0.1:8000/api/verify-otp/'; +const BASE_URL: string = 'http://127.0.0.1:8000/'; +const API_URL: string = BASE_URL + 'api/'; +export const LOGIN_ENDPOINT: string = API_URL + 'login/'; +export const LOGOUT_ENDPOINT: string = API_URL + 'logout/'; +export const REGISTER_ENDPOINT: string = API_URL + 'register/'; +export const SEND_OTP_ENDPOINT: string = API_URL + 'send-otp/'; +export const VERIFY_OTP_ENDPOINT: string = API_URL + 'verify-otp/'; +export const PROFILE_INFO_ENDPOINT: string = API_URL + 'user-profile-info/'; +export const COVER_PHOTO_ENDPOINT: string = API_URL + 'large-profile-pic/'; +export const AVATAR_PHOTO_ENDPOINT: string = API_URL + 'small-profile-pic/'; diff --git a/src/constants/constants.ts b/src/constants/constants.ts new file mode 100644 index 00000000..f79c2c5b --- /dev/null +++ b/src/constants/constants.ts @@ -0,0 +1,10 @@ +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); diff --git a/src/constants/index.ts b/src/constants/index.ts index deb89e57..7fb47dc6 100644 --- a/src/constants/index.ts +++ b/src/constants/index.ts @@ -1,3 +1,4 @@ export * from './api'; +export * from './constants'; export * from './regex'; export * from './termsConditions'; -- cgit v1.2.3-70-g09d2