ajusta lint e finaliza requisito 2

src/App.css

@@ -9,7 +9,7 @@ body {
   min-height: 100vh;
 }
 
-#login-form {
+.login-form {
   align-items: center;
   background-color: rgb(90, 80, 66);
   border: 2px solid black;

src/components/Header.js

@@ -1,11 +1,26 @@
 import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
 
 class Header extends Component {
   render() {
+    const { email } = this.props;
     return (
-      <div>Header</div>
+      <header>
+        <p data-testid="header-currency-field">BRL</p>
+        <p data-testid="total-field">0</p>
+        <p data-testid="email-field">{ email }</p>
+      </header>
     );
   }
 }
 
-export default Header;
+const mapStateToProps = (state) => ({
+  email: state.user.email,
+});
+
+Header.propTypes = {
+  email: PropTypes.string.isRequired,
+};
+
+export default connect(mapStateToProps)(Header);

src/pages/Login.js

@@ -24,7 +24,6 @@ class Login extends React.Component {
   handleSubmit(event) {
     event.preventDefault();
     const { dispatch, history } = this.props;
-    console.log(this.props);
     const { email } = this.state;
     dispatch(getUserAction(email));
     history.push('/carteira');
@@ -42,7 +41,7 @@ class Login extends React.Component {
   render() {
     const { email, senha, isDisable } = this.state;
     return (
-      <form onSubmit={ this.handleSubmit } id="login-form">
+      <form onSubmit={ this.handleSubmit } className="login-form">
         <label htmlFor="email">
           E-mail:
           <input

src/pages/Wallet.js

@@ -1,8 +1,13 @@
 import React from 'react';
+import Header from '../components/Header';
 
 class Wallet extends React.Component {
   render() {
-    return <div>TrybeWallet</div>;
+    return (
+      <main>
+        <Header />
+      </main>
+    );
   }
 }