Skip to content
Permalink
Browse files

Create <Page /> component

  • Loading branch information...
fmontes committed Feb 25, 2019
1 parent 34a4867 commit 7ad154916c86a84d950bfcd88f13c8e268d3a13a
Showing with 11 additions and 54 deletions.
  1. +0 −33 src/App.css
  2. +4 −21 src/App.js
  3. +7 −0 src/components/Page.js
@@ -1,33 +0,0 @@
.App {
text-align: center;
}

.App-logo {
animation: App-logo-spin infinite 20s linear;
height: 40vmin;
pointer-events: none;
}

.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}

.App-link {
color: #61dafb;
}

@keyframes App-logo-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@@ -1,28 +1,11 @@
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import Page from './components/Page';

class App extends Component {
render() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
</div>
);
}
render() {
return <Page />;
}
}

export default App;
@@ -0,0 +1,7 @@
import React from 'react';

const Page = () => {
return <h1>Hello, I'm a Page</h1>;
};
export default Page;

0 comments on commit 7ad1549

Please sign in to comment.
You can’t perform that action at this time.