From 38ac3c29b0b1b430161171a1b25cd812ff0568b9 Mon Sep 17 00:00:00 2001
From: Thor77 <thor77@thor77.org>
Date: Sat, 11 Jun 2022 22:51:18 +0200
Subject: [PATCH] Use LinkButton in list views

---
 pages/list.js    |  9 ++++++---
 pages/private.js | 12 +++++++++---
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/pages/list.js b/pages/list.js
index 13c70cd..0747541 100644
--- a/pages/list.js
+++ b/pages/list.js
@@ -1,12 +1,13 @@
 import Head from 'next/head';
 import React from 'react';
-import {Card, CardBody, Container} from 'reactstrap';
+import {ButtonGroup, Card, CardBody, Container} from 'reactstrap';
 
 import {TurniereNavigation} from '../js/components/Navigation';
 import {Footer} from '../js/components/Footer';
 
 import TournamentList from '../js/components/TournamentList';
 import {connect} from 'react-redux';
+import {LinkButton} from '../js/components/LinkButton';
 
 export default class PublicTournamentsPage extends React.Component {
     render() {
@@ -37,8 +38,10 @@ function PublicTournaments(props) {
                 <PublicTournamentsCard/>
             </Container>
             <Container className="pb-5 pt-3">
-                <a href='/private' className="btn btn-primary shadow">zu den privaten Turnieren</a>
-                <a href='/create' className="ml-3 btn btn-success shadow">neues Turnier erstellen</a>
+                <ButtonGroup>
+                    <LinkButton href="/private" outline={false} color='primary'>zu den privaten Turnieren</LinkButton>
+                    <LinkButton href="/private" outline={false} color='success'>neues Turnier erstellen</LinkButton>
+                </ButtonGroup>
             </Container>
         </div>);
     } else {
diff --git a/pages/private.js b/pages/private.js
index acc5ea4..b019592 100644
--- a/pages/private.js
+++ b/pages/private.js
@@ -2,13 +2,14 @@ import Head from 'next/head';
 import React from 'react';
 import {connect} from 'react-redux';
 
-import {Card, CardBody, Container} from 'reactstrap';
+import {ButtonGroup, Card, CardBody, Container} from 'reactstrap';
 
 import {TurniereNavigation} from '../js/components/Navigation';
 import {Footer} from '../js/components/Footer';
 
 import TournamentList from '../js/components/TournamentList';
 import RequireLogin from '../js/components/RequireLogin';
+import { LinkButton } from '../js/components/LinkButton';
 
 class PrivateTournamentsPage extends React.Component {
     render() {
@@ -40,8 +41,13 @@ function PrivateTournamentsPageContent(props) {
             <PrivateTournamentsCard/>
         </Container>
         <Container className="pb-5 pt-3">
-            <a href='/list' className="btn btn-primary shadow">zu den öffentlichen Turnieren</a>
-            {props.isSignedIn && <a href='/create' className="ml-3 btn btn-success shadow">neues Turnier erstellen</a>}
+            <ButtonGroup>
+                <LinkButton href="/list" outline={false} color='primary'>zu den öffentlichen Turnieren</LinkButton>
+                {
+                    props.isSignedIn &&
+                    <LinkButton href="/create" outline={false} color='success'>neues Turnier erstellen</LinkButton>
+                }
+            </ButtonGroup>
         </Container>
     </div>);
 }