Commit 9edf2780 authored by Kristian Freeman's avatar Kristian Freeman

Raw materials

parent 7b4d041c
......@@ -2,6 +2,7 @@ import React, { Component } from 'react';
import "./index.css"
import "./normalize.css"
import Materials from './Materials'
const Header = () => <img className="logo" src="/logo.png" />
......@@ -10,6 +11,7 @@ class App extends Component {
return (
<div>
<Header />
<Materials />
</div>
);
}
......
import React, { Component } from 'react';
class Materials extends Component {
render() {
const materials = [
{ name: 'Dowel', count: 2 },
{ name: 'Screw', count: 8 },
{ name: 'Wheel', count: 3 }
]
return (
<div>
<h2>Raw Materials</h2>
<ul>
{materials.map(material => <li>{material.name}: {material.count}</li>)}
</ul>
</div>
);
}
}
export default Materials;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment