Don't show sign up if they're signed in.

This commit is contained in:
Will O'Beirne 2019-02-26 17:13:57 -05:00
parent c5463aea1e
commit 063dbdde7c
No known key found for this signature in database
GPG Key ID: 44C190DB5DEAF9F6
2 changed files with 22 additions and 6 deletions

View File

@ -38,7 +38,7 @@
display: flex;
align-items: center;
&-auth {
&-main {
display: flex;
align-items: center;
justify-content: center;

View File

@ -1,18 +1,32 @@
import React from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router-dom';
import { withNamespaces, WithNamespaces } from 'react-i18next';
import HomeIllustration from 'static/images/home-illustration.png';
import { AppState } from 'store/reducers';
import './Intro.less';
const HomeIntro: React.SFC<WithNamespaces> = ({ t }) => (
interface StateProps {
authUser: AppState['auth']['user'];
}
type Props = StateProps & WithNamespaces;
const HomeIntro: React.SFC<Props> = ({ t, authUser }) => (
<div className="HomeIntro">
<div className="HomeIntro-content">
<h1 className="HomeIntro-content-title">{t('home.intro.title')}</h1>
<p className="HomeIntro-content-subtitle">{t('home.intro.subtitle')}</p>
<div className="HomeIntro-content-buttons">
<Link className="HomeIntro-content-buttons-auth" to="/auth">
{t('home.intro.signup')}
</Link>
{authUser ? (
<Link className="HomeIntro-content-buttons-main" to="/proposals">
{t('home.intro.browse')}
</Link>
) : (
<Link className="HomeIntro-content-buttons-main" to="/auth">
{t('home.intro.signup')}
</Link>
)}
<a className="HomeIntro-content-buttons-learn" href="#home-guide">
{t('home.intro.learn')}
</a>
@ -24,4 +38,6 @@ const HomeIntro: React.SFC<WithNamespaces> = ({ t }) => (
</div>
);
export default withNamespaces()(HomeIntro);
export default connect<StateProps, {}, {}, AppState>(
state => ({ authUser: state.auth.user }),
)(withNamespaces()(HomeIntro));