Permalink
Browse files

Complete lab

  • Loading branch information...
Jeff-Enriquez committed Feb 14, 2020
1 parent 0c7cfaf commit 298e83039b3f9603984090f43be8ce04798312e3
Showing with 107 additions and 82 deletions.
  1. +0 −38 src/App.css
  2. +4 −17 src/App.js
  3. +0 −9 src/App.test.js
  4. +12 −0 src/Bath.js
  5. +12 −0 src/Bedroom.js
  6. +22 −0 src/FloorPlan.js
  7. +16 −0 src/Kitchen.js
  8. +12 −0 src/LivingRoom.js
  9. +12 −0 src/Oven.js
  10. +12 −0 src/Sink.js
  11. +5 −13 src/index.css
  12. +0 −5 src/setupTests.js

This file was deleted.

Oops, something went wrong.
@@ -1,24 +1,11 @@
import React from 'react';
import logo from './logo.svg';
import './App.css';
import './index.css';
import FloorPlan from './FloorPlan'

function App() {
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>
<FloorPlan />
</div>
);
}

This file was deleted.

Oops, something went wrong.
@@ -0,0 +1,12 @@
import React from 'react';
import './index.css';

function Bath(props) {
return (
<div>
<p>{props.size} Bath</p>
</div>
);
}

export default Bath;
@@ -0,0 +1,12 @@
import React from 'react';
import './index.css';

function Bedroom(props) {
return (
<div>
<p>Bedroom {props.bedNum}</p>
</div>
);
}

export default Bedroom;
@@ -0,0 +1,22 @@
import React from 'react';
import './index.css';
import Kitchen from './Kitchen';
import LivingRoom from './LivingRoom';
import Bedroom from './Bedroom';
import Bath from './Bath';

function FloorPlan() {
return (
<div>
<Bedroom bedNum={1}/>
<Bedroom bedNum={2}/>
<Bedroom bedNum={3}/>
<Bath size='Full'/>
<Bath size='Half'/>
<LivingRoom/>
<Kitchen/>
</div>
);
}

export default FloorPlan;
@@ -0,0 +1,16 @@
import React from 'react';
import './index.css';
import Oven from './Oven';
import Sink from './Sink';

function Kitchen() {
return (
<div>
<p>Kitchen</p>
<Oven/>
<Sink/>
</div>
);
}

export default Kitchen;
@@ -0,0 +1,12 @@
import React from 'react';
import './index.css';

function LivingRoom() {
return (
<div>
<p>Living Room</p>
</div>
);
}

export default LivingRoom;
@@ -0,0 +1,12 @@
import React from 'react';
import './index.css';

function Oven() {
return (
<div>
<p>Oven</p>
</div>
);
}

export default Oven;
@@ -0,0 +1,12 @@
import React from 'react';
import './index.css';

function Sink() {
return (
<div>
<p>Sink</p>
</div>
);
}

export default Sink;
@@ -1,13 +1,5 @@
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}
div {
border: 1px solid grey;
margin: 5px;
padding: 5px;
}

This file was deleted.

Oops, something went wrong.

0 comments on commit 298e830

Please sign in to comment.