better linting (#72)

Improve linting and fix linting errors

Signed-off-by: Philip Molares <philip.molares@udo.edu>
Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
This commit is contained in:
Philip Molares 2020-05-27 15:43:28 +02:00 committed by GitHub
parent efb6513205
commit eba59ae622
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
70 changed files with 2413 additions and 1867 deletions

View file

@ -1,50 +1,48 @@
import React, {Fragment} from 'react'
import {Navbar} from 'react-bootstrap';
import {useSelector} from "react-redux";
import {ApplicationState} from "../../../../../redux";
import {NewUserNoteButton} from "../new-user-note-button";
import {UserDropdown} from "../user-dropdown/user-dropdown";
import {SignInButton} from "../sign-in-button";
import {NewGuestNoteButton} from "../new-guest-note-button";
import {LoginStatus} from "../../../../../redux/user/types";
import {HeaderNavLink} from "../header-nav-link";
import "./header-bar.scss";
import {Trans, useTranslation} from "react-i18next";
import React, { Fragment } from 'react'
import { Navbar } from 'react-bootstrap'
import { useSelector } from 'react-redux'
import { ApplicationState } from '../../../../../redux'
import { NewUserNoteButton } from '../new-user-note-button'
import { UserDropdown } from '../user-dropdown/user-dropdown'
import { SignInButton } from '../sign-in-button'
import { NewGuestNoteButton } from '../new-guest-note-button'
import { LoginStatus } from '../../../../../redux/user/types'
import { HeaderNavLink } from '../header-nav-link'
import './header-bar.scss'
import { Trans, useTranslation } from 'react-i18next'
const HeaderBar: React.FC = () => {
useTranslation()
const user = useSelector((state: ApplicationState) => state.user);
useTranslation()
const user = useSelector((state: ApplicationState) => state.user)
return (
<Navbar className="justify-content-between">
<div className="nav header-nav">
<HeaderNavLink to="/intro">
<Trans i18nKey="intro"/>
</HeaderNavLink>
<HeaderNavLink to="/history">
<Trans i18nKey="history"/>
</HeaderNavLink>
</div>
<div className="d-inline-flex">
{user.status === LoginStatus.forbidden ?
<Fragment>
<span className={"mr-1"}>
<NewGuestNoteButton/>
</span>
<SignInButton/>
</Fragment>
:
<Fragment>
<span className={"mr-1"}>
<NewUserNoteButton/>
</span>
<UserDropdown/>
</Fragment>
}
</div>
</Navbar>
);
return (
<Navbar className="justify-content-between">
<div className="nav header-nav">
<HeaderNavLink to="/intro">
<Trans i18nKey="intro"/>
</HeaderNavLink>
<HeaderNavLink to="/history">
<Trans i18nKey="history"/>
</HeaderNavLink>
</div>
<div className="d-inline-flex">
{user.status === LoginStatus.forbidden
? <Fragment>
<span className={'mr-1'}>
<NewGuestNoteButton/>
</span>
<SignInButton/>
</Fragment>
: <Fragment>
<span className={'mr-1'}>
<NewUserNoteButton/>
</span>
<UserDropdown/>
</Fragment>
}
</div>
</Navbar>
)
}
export {HeaderBar}
export { HeaderBar }