From d5a88c6843d7770a6353a00b07dde926b8a3f99f Mon Sep 17 00:00:00 2001
From: Thomas Ruoff <ThomasRuoff@gmail.com>
Date: Sat, 3 Feb 2018 00:24:42 +0100
Subject: [PATCH] use my button component for removing

---
 client/src/App.css       | 2 +-
 client/src/App.js        | 4 ++--
 client/src/Button.js     | 2 +-
 client/src/LatestList.js | 5 +++--
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/client/src/App.css b/client/src/App.css
index 907afd8..20ea66e 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -2,7 +2,7 @@ header h1 {
     margin-left: 12px;
 }
 
-button {
+.p-button {
     margin-top: 12px;
     margin-right: 12px;
     margin-bottom: 12px;
diff --git a/client/src/App.js b/client/src/App.js
index cfa9fd4..d5f7b8f 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -25,8 +25,8 @@ class App extends Component {
         </div>
         <div>
           <div>
-            <Button onClick={this._onGenerate.bind(this)} text="Backe PDF"/>
-            <Button onClick={this._onClear.bind(this)} text="Alles Löschen"/>
+            <Button onClick={this._onGenerate.bind(this)}>Backe PDF</Button>
+            <Button onClick={this._onClear.bind(this)}>Alles Löschen</Button>
           </div>
           <Preview
             pdfUrl={state.pdfUrl}
diff --git a/client/src/Button.js b/client/src/Button.js
index 6e43dfa..045e509 100644
--- a/client/src/Button.js
+++ b/client/src/Button.js
@@ -2,6 +2,6 @@ import React from 'react';
 
 export default function(props) {
   return (
-    <button onClick={props.onClick}>{props.text}</button>
+    <button className="p-button" onClick={props.onClick}>{props.children}</button>
   );
 }
diff --git a/client/src/LatestList.js b/client/src/LatestList.js
index 22c5dbc..afe231a 100644
--- a/client/src/LatestList.js
+++ b/client/src/LatestList.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import Button from './Button';
 
 export default function(props) {
   const latest = props.latest || [];
@@ -6,9 +7,9 @@ export default function(props) {
     const created = new Date(item.created);
     return (
       <li key={item.id}>
-        <a href="#" onClick={() => props.onSelect(item)}>{created.toLocaleString()}</a>
+        <a href="#item-{item.id}" onClick={() => props.onSelect(item)}>{created.toLocaleString()}</a>
         <span>    </span>
-        <a href="#" onClick={() => props.onRemove(item)}><small>(Remove)</small></a>
+        <Button onClick={() => props.onRemove(item)}>Remove</Button>
       </li>
     );
   });