wpetit/guesstimate
1
0
Fork 0
Code Issues 3 Pull Requests 1 Releases Wiki Activity

feat(ui): basic welcome page

Browse Source
This commit is contained in:
wpetit 2020-08-09 08:09:44 +02:00
parent 5806f196c4
commit 8cd9bdad50
2 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/HomePage/WelcomeContent.tsx
View File

@ -14,7 +14,7 @@ export const WelcomeContent: FunctionComponent<WelcomeContentProps> = () => {
Bienvenue sur Guesstimate ! Bienvenue sur Guesstimate !
</h1> </h1>
<h2 className="subtitle"> <h2 className="subtitle">
La solution pour réaliser simplement des estimations de temps pour vos projets ! La solution pour réaliser simplement des estimations de temps pour vos projets.
</h2> </h2>
</div> </div>
</div> </div>

12
client/src/components/Navbar.tsx
View File

@ -1,9 +1,7 @@
import React, { Fragment, useState } from 'react'; import React, { Fragment, useState } from 'react';
import logo from '../resources/logo.svg';
import { useSelector } from 'react-redux';
import { Config } from '../config'; import { Config } from '../config';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { useUserProfileQuery, useUserProfile } from '../gql/queries/user'; import { useUserProfile } from '../gql/queries/user';
import { WithLoader } from './WithLoader'; import { WithLoader } from './WithLoader';
export function Navbar() { export function Navbar() {
@ -37,8 +35,7 @@ export function Navbar() {
<div className={`navbar-menu ${isActive ? 'is-active' : ''}`}> <div className={`navbar-menu ${isActive ? 'is-active' : ''}`}>
<div className="navbar-end"> <div className="navbar-end">
<div className="navbar-item"> <div className="navbar-item">
<WithLoader loading={loading}> <div className="buttons">
<div className="buttons">
{ {
user.id ? user.id ?
<Fragment> <Fragment>
@ -53,15 +50,14 @@ export function Navbar() {
</span> </span>
</a> </a>
</Fragment> : </Fragment> :
<a className="button" href={Config.loginURL}> <a className="button is-primary" href={Config.loginURL}>
<span className="icon"> <span className="icon">
<i className="fas fa-sign-in-alt"></i> <i className="fas fa-sign-in-alt"></i>
</span> </span>
<span>Se connecter</span> <span>Se connecter</span>
</a> </a>
} }
</div> </div>
</WithLoader>
</div> </div>
</div> </div>
</div> </div>