fix(aws-amplify-react): correctly hide links under production mode

Author: powerful23

packages/aws-amplify-react/src/Auth/Authenticator.jsx

@@ -170,12 +170,13 @@ export default class Authenticator extends Component {
             <Loading/>
         ];
 
-        const props_children_names  = React.Children.map(props_children, child => child.type.name);
+        // const props_children_names  = React.Children.map(props_children, child => child.type.name);
         const props_children_override =  React.Children.map(props_children, child => child.props.override);
-        hide = hide.filter((component) =>!props_children_names.includes(component.name));
-        const hideLink = hide.filter((component) => {
-            return !props_children_override.some(comp => comp === component);
-        });
+        // hide = hide.filter((component) =>!props_children_names.includes(component.name));
+        hide = hide.filter((component) => !props_children.find(child => child.type === component));
+        // const hideLink = hide.filter((component) => {
+        //     return !props_children_override.some(comp => comp === component);
+        // });
 
         const render_props_children = React.Children.map(props_children, (child, index) => {
             return React.cloneElement(child, {
@@ -187,7 +188,7 @@ export default class Authenticator extends Component {
                     onStateChange: this.handleStateChange,
                     onAuthEvent: this.handleAuthEvent,
                     hide,
-                    hideLink
+                    override: props_children_override
                 });
         });
 
@@ -201,7 +202,7 @@ export default class Authenticator extends Component {
                     onStateChange: this.handleStateChange,
                     onAuthEvent: this.handleAuthEvent,
                     hide,
-                    hideLink
+                    override: props_children_override
                 });
             });
 

packages/aws-amplify-react/src/Auth/SignIn.jsx

@@ -17,6 +17,8 @@ import Auth from '@aws-amplify/auth';
 
 import AuthPiece from './AuthPiece';
 import { FederatedButtons } from './FederatedSignIn';
+import SignUp from './SignUp';
+import ForgotPassword from './ForgotPassword';
 
 import {
     FormSection,
@@ -116,10 +118,10 @@ export default class SignIn extends AuthPiece {
     }
 
     showComponent(theme) {
-        const { authState, hide = [], federated, onStateChange, onAuthEvent, hideLink=[] } = this.props;
+        const { authState, hide = [], federated, onStateChange, onAuthEvent, override=[] } = this.props;
         if (hide && hide.includes(SignIn)) { return null; }
-        const hideSignUp = hideLink.some(component => component.name === 'SignUp');
-        const hideForgotPassword =hideLink.some(component => component.name === 'ForgotPassword');
+        const hideSignUp = !override.includes('SignUp') && hide.some(component => component === SignUp);
+        const hideForgotPassword = !override.includes('ForgotPassword') && hide.some(component => component === ForgotPassword);
         return (
             <FormSection theme={theme}>
                 <SectionHeader theme={theme}>{I18n.get('Sign in to your account')}</SectionHeader>