turniere
/
turniere-frontend
mirror of https://github.com/turniere/turniere-frontend.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Use LinkButton in list views

This commit is contained in:
Thor77 2022-06-11 22:51:18 +02:00
parent 4cbf377ec6
commit 38ac3c29b0
No known key found for this signature in database
GPG Key ID: 5051E71B46AA669A
2 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pages/list.js
View File

@ -1,12 +1,13 @@
import Head from 'next/head'; import Head from 'next/head';
import React from 'react'; import React from 'react';
import {Card, CardBody, Container} from 'reactstrap'; import {ButtonGroup, Card, CardBody, Container} from 'reactstrap';
import {TurniereNavigation} from '../js/components/Navigation'; import {TurniereNavigation} from '../js/components/Navigation';
import {Footer} from '../js/components/Footer'; import {Footer} from '../js/components/Footer';
import TournamentList from '../js/components/TournamentList'; import TournamentList from '../js/components/TournamentList';
import {connect} from 'react-redux'; import {connect} from 'react-redux';
import {LinkButton} from '../js/components/LinkButton';
export default class PublicTournamentsPage extends React.Component { export default class PublicTournamentsPage extends React.Component {
render() { render() {
@ -37,8 +38,10 @@ function PublicTournaments(props) {
<PublicTournamentsCard/> <PublicTournamentsCard/>
</Container> </Container>
<Container className="pb-5 pt-3"> <Container className="pb-5 pt-3">
<a href='/private' className="btn btn-primary shadow">zu den privaten Turnieren</a> <ButtonGroup>
<a href='/create' className="ml-3 btn btn-success shadow">neues Turnier erstellen</a> <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> </Container>
</div>); </div>);
} else { } else {

12
pages/private.js
View File

@ -2,13 +2,14 @@ import Head from 'next/head';
import React from 'react'; import React from 'react';
import {connect} from 'react-redux'; 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 {TurniereNavigation} from '../js/components/Navigation';
import {Footer} from '../js/components/Footer'; import {Footer} from '../js/components/Footer';
import TournamentList from '../js/components/TournamentList'; import TournamentList from '../js/components/TournamentList';
import RequireLogin from '../js/components/RequireLogin'; import RequireLogin from '../js/components/RequireLogin';
import { LinkButton } from '../js/components/LinkButton';
class PrivateTournamentsPage extends React.Component { class PrivateTournamentsPage extends React.Component {
render() { render() {
@ -40,8 +41,13 @@ function PrivateTournamentsPageContent(props) {
<PrivateTournamentsCard/> <PrivateTournamentsCard/>
</Container> </Container>
<Container className="pb-5 pt-3"> <Container className="pb-5 pt-3">
<a href='/list' className="btn btn-primary shadow">zu den öffentlichen Turnieren</a> <ButtonGroup>
{props.isSignedIn && <a href='/create' className="ml-3 btn btn-success shadow">neues Turnier erstellen</a>} <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> </Container>
</div>); </div>);
} }