From e32241734c8cc258812ac12c7727aaa7f947eed5 Mon Sep 17 00:00:00 2001 From: Leon Jiang <35908040+leonyjiang@users.noreply.github.com> Date: Wed, 8 Jul 2020 09:56:17 -0700 Subject: [TMA-60] Registration Page UI & Field Validation (#13) * remove unused image * refactor LoginInput component to be more generic * configure bare registration screen * create index files for exports * add yarn typing script * refactor and re-style LoginInput component * re-style login screen according to designs * make LoginInput name more generic, give TaggInput dirty & width props * add disabled feature to login screen submit button, finalized styles * add arrow images and create ArrowButton component * create RegistrationWizard component and move files around * added disabled & enabled buttons to ArrowButton component * create dummy terms and conditions text * create common CenteredView component for re-use * create custom RadioCheckbox for registration screen * create TermsConditions & OverlayView components * update index.ts export files * build registration page UI with basic validation * yarn lint/type & add platform-specific styling * add yarn type item to PR checklist * add react-native-animatable dependency to project * add regex variables to constants file * Add width prop for more flexible styling * Add types and disable auto-capitalization * Update email validation regex * Create linear-gradient background component * Update password regex and add inline docs * Refactor code to be more readable * Add warning prop and animation to TaggInput * Add wrapper View for vertical margins * Make JSX more readable & add TaggInput components * Integrate refactored code into registration page * Merge in login screen changes * Lint and fix file syntax * Fix function docs * Add ViewProps to CenterView props * Add KeyboardAvoidingView to Background component * Add blurOnSubmit for inputs, restore deleted handleLogin code * Create Verification screen and add it to routes * Add routing to Verification page upon success * Add API request upon registration submit * Trigger warning shaking animation on submit * Make disabled arrow touchable, tap triggers submit --- src/assets/images/arrow-backward.png | Bin 0 -> 430 bytes src/assets/images/arrow-backward@2x.png | Bin 0 -> 709 bytes src/assets/images/arrow-backward@3x.png | Bin 0 -> 983 bytes src/assets/images/arrow-forward-disabled.png | Bin 0 -> 499 bytes src/assets/images/arrow-forward-disabled@2x.png | Bin 0 -> 1138 bytes src/assets/images/arrow-forward-disabled@3x.png | Bin 0 -> 1376 bytes src/assets/images/arrow-forward-enabled.png | Bin 0 -> 437 bytes src/assets/images/arrow-forward-enabled@2x.png | Bin 0 -> 784 bytes src/assets/images/arrow-forward-enabled@3x.png | Bin 0 -> 1024 bytes 9 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/assets/images/arrow-backward.png create mode 100644 src/assets/images/arrow-backward@2x.png create mode 100644 src/assets/images/arrow-backward@3x.png create mode 100644 src/assets/images/arrow-forward-disabled.png create mode 100644 src/assets/images/arrow-forward-disabled@2x.png create mode 100644 src/assets/images/arrow-forward-disabled@3x.png create mode 100644 src/assets/images/arrow-forward-enabled.png create mode 100644 src/assets/images/arrow-forward-enabled@2x.png create mode 100644 src/assets/images/arrow-forward-enabled@3x.png (limited to 'src/assets') diff --git a/src/assets/images/arrow-backward.png b/src/assets/images/arrow-backward.png new file mode 100644 index 00000000..b6da5b48 Binary files /dev/null and b/src/assets/images/arrow-backward.png differ diff --git a/src/assets/images/arrow-backward@2x.png b/src/assets/images/arrow-backward@2x.png new file mode 100644 index 00000000..cf09be25 Binary files /dev/null and b/src/assets/images/arrow-backward@2x.png differ diff --git a/src/assets/images/arrow-backward@3x.png b/src/assets/images/arrow-backward@3x.png new file mode 100644 index 00000000..7e98f51b Binary files /dev/null and b/src/assets/images/arrow-backward@3x.png differ diff --git a/src/assets/images/arrow-forward-disabled.png b/src/assets/images/arrow-forward-disabled.png new file mode 100644 index 00000000..b1141aa6 Binary files /dev/null and b/src/assets/images/arrow-forward-disabled.png differ diff --git a/src/assets/images/arrow-forward-disabled@2x.png b/src/assets/images/arrow-forward-disabled@2x.png new file mode 100644 index 00000000..46680148 Binary files /dev/null and b/src/assets/images/arrow-forward-disabled@2x.png differ diff --git a/src/assets/images/arrow-forward-disabled@3x.png b/src/assets/images/arrow-forward-disabled@3x.png new file mode 100644 index 00000000..d079e693 Binary files /dev/null and b/src/assets/images/arrow-forward-disabled@3x.png differ diff --git a/src/assets/images/arrow-forward-enabled.png b/src/assets/images/arrow-forward-enabled.png new file mode 100644 index 00000000..2d34c78d Binary files /dev/null and b/src/assets/images/arrow-forward-enabled.png differ diff --git a/src/assets/images/arrow-forward-enabled@2x.png b/src/assets/images/arrow-forward-enabled@2x.png new file mode 100644 index 00000000..b97a2315 Binary files /dev/null and b/src/assets/images/arrow-forward-enabled@2x.png differ diff --git a/src/assets/images/arrow-forward-enabled@3x.png b/src/assets/images/arrow-forward-enabled@3x.png new file mode 100644 index 00000000..7a658e4b Binary files /dev/null and b/src/assets/images/arrow-forward-enabled@3x.png differ -- cgit v1.2.3-70-g09d2