mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-23 11:37:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Correct use selector (#515)

Browse source
This commit is contained in:
mrdrogdrog 2020-08-30 21:24:34 +02:00 • committed by GitHub
parent 971421925a
commit a41d3d1515
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
20 changed files with 74 additions and 205 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/landing-layout/navigation/header-bar/header-bar.tsx
View file

@ -12,7 +12,7 @@ import './header-bar.scss'
const HeaderBar: React.FC = () => {
useTranslation()
const user = useSelector((state: ApplicationState) => state.user)
const userExists = useSelector((state: ApplicationState) => !!state.user)
return (
<Navbar className="justify-content-between">
@ -25,7 +25,7 @@ const HeaderBar: React.FC = () => {
</HeaderNavLink>
</div>
<div className="d-inline-flex">
{!user
{!userExists
? <Fragment>
<span className={'mx-1 d-flex'}>
<NewGuestNoteButton/>

4
src/components/landing-layout/navigation/sign-in-button.tsx
View file

@ -13,9 +13,9 @@ type SignInButtonProps = {
export const SignInButton: React.FC<SignInButtonProps> = ({ variant, ...props }) => {
const { t } = useTranslation()
const authProviders = useSelector((state: ApplicationState) => state.config.authProviders)
const anyAuthProviderActive = useSelector((state: ApplicationState) => Object.values(state.config.authProviders).includes(true))
return (
<ShowIf condition={Object.values(authProviders).includes(true)}>
<ShowIf condition={anyAuthProviderActive}>
<LinkContainer to="/login" title={t('login.signIn')}>
<Button
variant={variant || 'success'}

3
src/components/landing-layout/navigation/user-dropdown.tsx
View file

@ -7,10 +7,11 @@ import { ApplicationState } from '../../../redux'
import { clearUser } from '../../../redux/user/methods'
import { ForkAwesomeIcon } from '../../common/fork-awesome/fork-awesome-icon'
import { UserAvatar } from '../../common/user-avatar/user-avatar'
import equal from 'fast-deep-equal'
export const UserDropdown: React.FC = () => {
useTranslation()
const user = useSelector((state: ApplicationState) => state.user)
const user = useSelector((state: ApplicationState) => state.user, equal)
if (!user) {
return null