Skip to content

Conversation

@DanielaZrLC
Copy link

No description provided.

@DanielaZrLC DanielaZrLC changed the title Daniela Mariana López Castillo. 1st challenge Daniela López. 1st challenge Mar 22, 2021
Copy link

@jonathanperazawl jonathanperazawl left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking good, I left small comments, also try to add more test cases for smaller components.

Comment on lines +1 to +15
// import './global.css';
// import Header from '../src/pages/Header/Header';
// import Home from './pages/Home/Layout/Layout';
// import 'antd/dist/antd.css'

// function App() {
// return (
// <div>
// <Header/>
// <Home/>
// </div>
// );
// }

// export default App;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove the file if it is no needed

Comment on lines +17 to +25
/* .container {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: -3rem;
} */

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here, remove unused comments.

@@ -0,0 +1,14 @@
// Light mode Colors

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What about creating themes instead, something like:

const themes = {
  dark: {
    primary: ...
  },
  light: {
    primary: ...
  }
}

Then you can re-use this them among all your components and styled components

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants