feat(recipes): Add support for company code in login

anarock · May 27, 2019 · 95d31cf · 95d31cf
1 parent 947029f
commit 95d31cf
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/src/recipes/Login.tsx b/src/recipes/Login.tsx
@@ -18,10 +18,10 @@ const styles = StyleSheet.create({
     marginTop: 15
   },
   formContainer: {
-    marginTop: 30
+    marginTop: 30,
+    paddingTop: 30
   },
   loginUserInput: {
-    marginTop: 60,
     flexDirection: "row"
   },
   userInfoWrap: {
@@ -205,7 +205,10 @@ export default class Login extends React.PureComponent<LoginProps, LoginState> {
       footer,
       onLoginHelp,
       phoneInputProps,
-      isPhoneValid
+      isPhoneValid,
+      onTenantChange,
+      isTenantInvalid,
+      tenantInputProps
     } = this.props;
 
     const isButtonDisabled = !loginUserValue || !isPhoneValid;
@@ -222,6 +225,15 @@ export default class Login extends React.PureComponent<LoginProps, LoginState> {
         <View style={styles.formContainer}>
           {loginPage === LOGIN_PAGE.USER_PAGE && (
             <>
+              <Input
+                placeholder="Company code"
+                onChange={onTenantChange}
+                errorMessage={
+                  isTenantInvalid ? "Please check the company code" : ""
+                }
+                inputProps={extraProps}
+                {...tenantInputProps}
+              />
               <View style={styles.loginUserInput}>
                 <View style={styles.countrySelect}>
                   <Select

diff --git a/src/recipes/typings/Login.d.ts b/src/recipes/typings/Login.d.ts
@@ -23,6 +23,9 @@ export interface LoginProps {
   otpLength: number;
   phoneInputProps?: InputProps;
   isPhoneValid: boolean;
+  onTenantChange: (value: string) => void;
+  isTenantInvalid: boolean;
+  tenantInputProps?: InputProps;
 }
 
 export interface LoginState {