tomru/pdfer
1
0
Fork 0
mirror of https://github.com/tomru/pdfer.git synced 2026-03-03 06:27:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

use my button component for removing

Browse Source
This commit is contained in:
Thomas Ruoff
2018-02-03 00:24:42 +01:00
parent 94663c1fb1
commit d5a88c6843
4 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/App.css
View File

@@ -2,7 +2,7 @@ header h1 {
margin-left: 12px; margin-left: 12px;
} }
button { .p-button {
margin-top: 12px; margin-top: 12px;
margin-right: 12px; margin-right: 12px;
margin-bottom: 12px; margin-bottom: 12px;

4
client/src/App.js
View File

@@ -25,8 +25,8 @@ class App extends Component {
</div> </div>
<div> <div>
<div> <div>
<Button onClick={this._onGenerate.bind(this)} text="Backe PDF"/> <Button onClick={this._onGenerate.bind(this)}>Backe PDF</Button>
<Button onClick={this._onClear.bind(this)} text="Alles Löschen"/> <Button onClick={this._onClear.bind(this)}>Alles Löschen</Button>
</div> </div>
<Preview <Preview
pdfUrl={state.pdfUrl} pdfUrl={state.pdfUrl}

2
client/src/Button.js
View File

@@ -2,6 +2,6 @@ import React from 'react';
export default function(props) { export default function(props) {
return ( return (
<button onClick={props.onClick}>{props.text}</button> <button className="p-button" onClick={props.onClick}>{props.children}</button>
); );
} }

5
client/src/LatestList.js
View File

@@ -1,4 +1,5 @@
import React from 'react'; import React from 'react';
import Button from './Button';
export default function(props) { export default function(props) {
const latest = props.latest || []; const latest = props.latest || [];
@@ -6,9 +7,9 @@ export default function(props) {
const created = new Date(item.created); const created = new Date(item.created);
return ( return (
<li key={item.id}> <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> <span> </span>
<a href="#" onClick={() => props.onRemove(item)}><small>(Remove)</small></a> <Button onClick={() => props.onRemove(item)}>Remove</Button>
</li> </li>
); );
}); });