From 3fcb30bdacd133fc7c5a11d512a4cbedd43fd933 Mon Sep 17 00:00:00 2001
From: Steffen Vogel <post@steffenvogel.de>
Date: Fri, 19 Jul 2019 09:35:49 +0200
Subject: [PATCH] fix invalid href warnings for anchor elements

---
 src/components/editable-header.js | 8 ++++----
 src/components/table.js           | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/editable-header.js b/src/components/editable-header.js
index 44c0f46..ff15d11 100644
--- a/src/components/editable-header.js
+++ b/src/components/editable-header.js
@@ -21,7 +21,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { FormControl } from 'react-bootstrap';
+import { FormControl, Button } from 'react-bootstrap';
 import Icon from './icon';
 
 class EditableHeader extends React.Component {
@@ -85,8 +85,8 @@ class EditableHeader extends React.Component {
                     <FormControl type='text' bsSize='large' value={this.state.title} onChange={this.onChange} style={editStyle} autoFocus />
                 </form>
 
-                <a href={'#'} onClick={this.save}><Icon icon='check' style={iconStyle} /></a>
-                <a href={'#'} onClick={this.cancel}><Icon icon='times' style={iconStyle} /></a>
+                <Button bsStyle="link" onClick={this.save}><Icon icon='check' style={iconStyle} /></Button>
+                <Button bsStyle="link" onClick={this.cancel}><Icon icon='times' style={iconStyle} /></Button>
             </div>;
         }
 
@@ -95,7 +95,7 @@ class EditableHeader extends React.Component {
                 {this.state.title}
             </h1>
 
-            <a href={'#'} onClick={this.edit}><Icon icon='edit' style={iconStyle} /></a>
+            <Button bsStyle="link" onClick={this.edit}><Icon icon='edit' style={iconStyle} /></Button>
         </div>;
     }
 }
diff --git a/src/components/table.js b/src/components/table.js
index b81b63a..0eaac85 100644
--- a/src/components/table.js
+++ b/src/components/table.js
@@ -74,7 +74,7 @@ class CustomTable extends Component {
       if (linkKey && data[linkKey] != null) {
         cell.push(<Link to={child.props.link + data[linkKey]}>{content}</Link>);
       } else if (child.props.clickable) {
-        cell.push(<a href={'#'} onClick={() => child.props.onClick(index)}>{content}</a>);
+        cell.push(<Button bsStyle="link" onClick={() => child.props.onClick(index)}>{content}</Button>);
       } else {
         cell.push(content);
       }