import React from 'react';
import { Page } from '../Page';
import { Dashboard } from './Dashboard';
import { useUserProfile } from '../../gql/queries/user';

export function DashboardPage() {
  const { user } = useUserProfile();
  return (
    <Page title="Tableau de bord">
      <section className="mt-5">
        <div className="container is-fluid">
          <h2 className="subtitle is-size-3">Bonjour <span>{user.name !== '' ? user.name : ' utilisateur mystère'}</span> ! Sur quel projet souhaitez vous travailler aujourd'hui ?</h2>
          <Dashboard />
        </div>
      </section>
    </Page>
  );
}