unclutter the intro page (#64)

* removed cover.scss
* uncluttered intro

Signed-off-by: Philip Molares <philip.molares@udo.edu>
This commit is contained in:
Philip Molares 2020-05-24 23:58:09 +02:00 committed by GitHub
parent 9d834f97d0
commit f185c76c6e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 100 additions and 476 deletions

View file

@ -0,0 +1,46 @@
import {LoginStatus} from "../../../../../redux/user/types";
import {Link} from "react-router-dom";
import {Button} from "react-bootstrap";
import {Trans, useTranslation} from "react-i18next";
import React from "react";
import {useSelector} from "react-redux";
import {ApplicationState} from "../../../../../redux";
import "./cover-buttons.scss";
export const CoverButtons: React.FC = () => {
useTranslation();
const user = useSelector((state: ApplicationState) => state.user);
if (user.status === LoginStatus.ok) {
return null;
}
return (
<div className="mb-5">
<Link to="/login">
<Button
className="cover-button"
variant="success"
size="lg"
>
<Trans i18nKey="signIn"/>
</Button>
</Link>
<span className="m-2">
<Trans i18nKey="or"/>
</span>
<Link to="/features">
<Button
className="cover-button"
variant="primary"
size="lg"
>
<Trans i18nKey="exploreFeatures"/>
</Button>
</Link>
</div>
);
}