From 91c9f166a9c1bb085e6fd93b6119b709b464fa09 Mon Sep 17 00:00:00 2001
From: Robson Mathias <robsond.mathias@gmail.com>
Date: Fri, 21 Feb 2020 12:43:22 -0300
Subject: [PATCH 1/3] Feature beta

---
 src/pages/app/App.tsx         | 6 +-----
 src/pages/login/LoginPage.tsx | 2 +-
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/pages/app/App.tsx b/src/pages/app/App.tsx
index 97243c4..0fe1920 100644
--- a/src/pages/app/App.tsx
+++ b/src/pages/app/App.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect} from 'react';
+import React from 'react';
 import {BrowserRouter as Router, Route} from 'react-router-dom';
 import {Provider} from 'react-redux';
 import {store} from '../../stores/store.config';
@@ -9,10 +9,6 @@ import styles from './App.css';
 
 class App extends React.Component {
 
-    constructor(props: any) {
-        super(props);
-    }
-
     componentDidMount() {
         styles.use();
     }
diff --git a/src/pages/login/LoginPage.tsx b/src/pages/login/LoginPage.tsx
index 47bee7c..809fe87 100644
--- a/src/pages/login/LoginPage.tsx
+++ b/src/pages/login/LoginPage.tsx
@@ -9,7 +9,7 @@ class LoginPage extends React.Component {
   render() {
     return (
         <section>
-          <h1>Sign In</h1>
+          <h1>Beta Version Sign In</h1>
           <p>Welcome to Micro frontend Example</p>
           <LoginContainer/>
         </section>

From 95cdfac0b54e09eb5110a6bc151ccaa72cf5ba40 Mon Sep 17 00:00:00 2001
From: Robson Mathias <robsond.mathias@gmail.com>
Date: Fri, 21 Feb 2020 12:47:31 -0300
Subject: [PATCH 2/3] Change page

---
 src/pages/login/LoginPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/login/LoginPage.tsx b/src/pages/login/LoginPage.tsx
index 809fe87..1437143 100644
--- a/src/pages/login/LoginPage.tsx
+++ b/src/pages/login/LoginPage.tsx
@@ -9,7 +9,7 @@ class LoginPage extends React.Component {
   render() {
     return (
         <section>
-          <h1>Beta Version Sign In</h1>
+          <h1>Beta Version (UPDATED) Sign In</h1>
           <p>Welcome to Micro frontend Example</p>
           <LoginContainer/>
         </section>

From 7f90eaadd402d1e9915e76d31146a4a0a5d08547 Mon Sep 17 00:00:00 2001
From: Robson Mathias <robsond.mathias@gmail.com>
Date: Thu, 27 Feb 2020 15:28:45 -0300
Subject: [PATCH 3/3] removing file

---
 SignIn.js | 347 ------------------------------------------------------
 1 file changed, 347 deletions(-)
 delete mode 100644 SignIn.js

diff --git a/SignIn.js b/SignIn.js
deleted file mode 100644
index 65bb229..0000000
--- a/SignIn.js
+++ /dev/null
@@ -1,347 +0,0 @@
-// import React, { useState, useEffect } from 'react';
-// import { Link as RouterLink, withRouter } from 'react-router-dom';
-// import PropTypes from 'prop-types';
-// import validate from 'validate.js';
-// import { makeStyles } from '@material-ui/styles';
-// import {
-//   Grid,
-//   Button,
-//   IconButton,
-//   TextField,
-//   Link,
-//   Typography
-// } from '@material-ui/core';
-// import ArrowBackIcon from '@material-ui/icons/ArrowBack';
-//
-// import { Facebook as FacebookIcon, Google as GoogleIcon } from 'icons';
-//
-// const schema = {
-//   email: {
-//     presence: { allowEmpty: false, message: 'is required' },
-//     email: true,
-//     length: {
-//       maximum: 64
-//     }
-//   },
-//   password: {
-//     presence: { allowEmpty: false, message: 'is required' },
-//     length: {
-//       maximum: 128
-//     }
-//   }
-// };
-//
-// const useStyles = makeStyles(theme => ({
-//   root: {
-//     backgroundColor: theme.palette.background.default,
-//     height: '100%'
-//   },
-//   grid: {
-//     height: '100%'
-//   },
-//   quoteContainer: {
-//     [theme.breakpoints.down('md')]: {
-//       display: 'none'
-//     }
-//   },
-//   quote: {
-//     backgroundColor: theme.palette.neutral,
-//     height: '100%',
-//     display: 'flex',
-//     justifyContent: 'center',
-//     alignItems: 'center',
-//     backgroundImage: 'url(/images/auth.jpg)',
-//     backgroundSize: 'cover',
-//     backgroundRepeat: 'no-repeat',
-//     backgroundPosition: 'center'
-//   },
-//   quoteInner: {
-//     textAlign: 'center',
-//     flexBasis: '600px'
-//   },
-//   quoteText: {
-//     color: theme.palette.white,
-//     fontWeight: 300
-//   },
-//   name: {
-//     marginTop: theme.spacing(3),
-//     color: theme.palette.white
-//   },
-//   bio: {
-//     color: theme.palette.white
-//   },
-//   contentContainer: {},
-//   content: {
-//     height: '100%',
-//     display: 'flex',
-//     flexDirection: 'column'
-//   },
-//   contentHeader: {
-//     display: 'flex',
-//     alignItems: 'center',
-//     paddingTop: theme.spacing(5),
-//     paddingBototm: theme.spacing(2),
-//     paddingLeft: theme.spacing(2),
-//     paddingRight: theme.spacing(2)
-//   },
-//   logoImage: {
-//     marginLeft: theme.spacing(4)
-//   },
-//   contentBody: {
-//     flexGrow: 1,
-//     display: 'flex',
-//     alignItems: 'center',
-//     [theme.breakpoints.down('md')]: {
-//       justifyContent: 'center'
-//     }
-//   },
-//   form: {
-//     paddingLeft: 100,
-//     paddingRight: 100,
-//     paddingBottom: 125,
-//     flexBasis: 700,
-//     [theme.breakpoints.down('sm')]: {
-//       paddingLeft: theme.spacing(2),
-//       paddingRight: theme.spacing(2)
-//     }
-//   },
-//   title: {
-//     marginTop: theme.spacing(3)
-//   },
-//   socialButtons: {
-//     marginTop: theme.spacing(3)
-//   },
-//   socialIcon: {
-//     marginRight: theme.spacing(1)
-//   },
-//   sugestion: {
-//     marginTop: theme.spacing(2)
-//   },
-//   textField: {
-//     marginTop: theme.spacing(2)
-//   },
-//   signInButton: {
-//     margin: theme.spacing(2, 0)
-//   }
-// }));
-//
-// const SignIn = props => {
-//   const { history } = props;
-//
-//   const classes = useStyles();
-//
-//   const [formState, setFormState] = useState({
-//     isValid: false,
-//     values: {},
-//     touched: {},
-//     errors: {}
-//   });
-//
-//   useEffect(() => {
-//     const errors = validate(formState.values, schema);
-//
-//     setFormState(formState => ({
-//       ...formState,
-//       isValid: errors ? false : true,
-//       errors: errors || {}
-//     }));
-//   }, [formState.values]);
-//
-//   const handleBack = () => {
-//     history.goBack();
-//   };
-//
-//   const handleChange = event => {
-//     event.persist();
-//
-//     setFormState(formState => ({
-//       ...formState,
-//       values: {
-//         ...formState.values,
-//         [event.target.name]:
-//           event.target.type === 'checkbox'
-//             ? event.target.checked
-//             : event.target.value
-//       },
-//       touched: {
-//         ...formState.touched,
-//         [event.target.name]: true
-//       }
-//     }));
-//   };
-//
-//   const handleSignIn = event => {
-//     event.preventDefault();
-//     history.push('/');
-//   };
-//
-//   const hasError = field =>
-//     formState.touched[field] && formState.errors[field] ? true : false;
-//
-//   return (
-//     <div className={classes.root}>
-//       <Grid
-//         className={classes.grid}
-//         container
-//       >
-//         <Grid
-//           className={classes.quoteContainer}
-//           item
-//           lg={5}
-//         >
-//           <div className={classes.quote}>
-//             <div className={classes.quoteInner}>
-//               <Typography
-//                 className={classes.quoteText}
-//                 variant="h1"
-//               >
-//                 Hella narwhal Cosby sweater McSweeney's, salvia kitsch before
-//                 they sold out High Life.
-//               </Typography>
-//               <div className={classes.person}>
-//                 <Typography
-//                   className={classes.name}
-//                   variant="body1"
-//                 >
-//                   Takamaru Ayako
-//                 </Typography>
-//                 <Typography
-//                   className={classes.bio}
-//                   variant="body2"
-//                 >
-//                   Manager at inVision
-//                 </Typography>
-//               </div>
-//             </div>
-//           </div>
-//         </Grid>
-//         <Grid
-//           className={classes.content}
-//           item
-//           lg={7}
-//           xs={12}
-//         >
-//           <div className={classes.content}>
-//             <div className={classes.contentHeader}>
-//               <IconButton onClick={handleBack}>
-//                 <ArrowBackIcon />
-//               </IconButton>
-//             </div>
-//             <div className={classes.contentBody}>
-//               <form
-//                 className={classes.form}
-//                 onSubmit={handleSignIn}
-//               >
-//                 <Typography
-//                   className={classes.title}
-//                   variant="h2"
-//                 >
-//                   Sign in
-//                 </Typography>
-//                 <Typography
-//                   color="textSecondary"
-//                   gutterBottom
-//                 >
-//                   Sign in with social media
-//                 </Typography>
-//                 <Grid
-//                   className={classes.socialButtons}
-//                   container
-//                   spacing={2}
-//                 >
-//                   <Grid item>
-//                     <Button
-//                       color="primary"
-//                       onClick={handleSignIn}
-//                       size="large"
-//                       variant="contained"
-//                     >
-//                       <FacebookIcon className={classes.socialIcon} />
-//                       Login with Facebook
-//                     </Button>
-//                   </Grid>
-//                   <Grid item>
-//                     <Button
-//                       onClick={handleSignIn}
-//                       size="large"
-//                       variant="contained"
-//                     >
-//                       <GoogleIcon className={classes.socialIcon} />
-//                       Login with Google
-//                     </Button>
-//                   </Grid>
-//                 </Grid>
-//                 <Typography
-//                   align="center"
-//                   className={classes.sugestion}
-//                   color="textSecondary"
-//                   variant="body1"
-//                 >
-//                   or login with email address
-//                 </Typography>
-//                 <TextField
-//                   className={classes.textField}
-//                   error={hasError('email')}
-//                   fullWidth
-//                   helperText={
-//                     hasError('email') ? formState.errors.email[0] : null
-//                   }
-//                   label="Email address"
-//                   name="email"
-//                   onChange={handleChange}
-//                   type="text"
-//                   value={formState.values.email || ''}
-//                   variant="outlined"
-//                 />
-//                 <TextField
-//                   className={classes.textField}
-//                   error={hasError('password')}
-//                   fullWidth
-//                   helperText={
-//                     hasError('password') ? formState.errors.password[0] : null
-//                   }
-//                   label="Password"
-//                   name="password"
-//                   onChange={handleChange}
-//                   type="password"
-//                   value={formState.values.password || ''}
-//                   variant="outlined"
-//                 />
-//                 <Button
-//                   className={classes.signInButton}
-//                   color="primary"
-//                   disabled={!formState.isValid}
-//                   fullWidth
-//                   size="large"
-//                   type="submit"
-//                   variant="contained"
-//                 >
-//                   Sign in now
-//                 </Button>
-//                 <Typography
-//                   color="textSecondary"
-//                   variant="body1"
-//                 >
-//                   Don't have an account?{' '}
-//                   <Link
-//                     component={RouterLink}
-//                     to="/sign-up"
-//                     variant="h6"
-//                   >
-//                     Sign up
-//                   </Link>
-//                 </Typography>
-//               </form>
-//             </div>
-//           </div>
-//         </Grid>
-//       </Grid>
-//     </div>
-//   );
-// };
-//
-// SignIn.propTypes = {
-//   history: PropTypes.object
-// };
-//
-// export default withRouter(SignIn);