13444748611

Committed 20 Feb 2025 09:11PM UTC coverage: 26.856% (-43.3%) from 70.176%

Build # 13444748611

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #1289 from EcrituresNumeriques/feature/titles

Coverage Stats

368 of 570 branches covered (64.56%)

Branch coverage included in aggregate %.

0 of 102 new or added lines in 12 files covered. (0.0%)

3625 of 14298 relevant lines covered (25.35%)

1.86 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/front/src/components/Header.jsx

import React, { useMemo } from 'react'
import { LifeBuoy } from 'react-feather'
import { useSelector } from 'react-redux'
import { NavLink, Route, Switch } from 'react-router-dom'
import { useTranslation } from 'react-i18next'

import logoContent from '/images/logo.svg?inline'
import { useActiveWorkspace } from '../hooks/workspace.js'

import styles from './header.module.scss'
import LanguagesMenu from './header/LanguagesMenu.jsx'
import UserMenu from './header/UserMenu.jsx'

function Header() {
  const activeWorkspace = useActiveWorkspace()
  const activeWorkspaceId = useMemo(
    () => activeWorkspace?._id,
    [activeWorkspace]
  )
  const connected = useSelector((state) => state.loggedIn)
  const { t } = useTranslation()

  return (
    <Switch>
      <Route path="*/preview" />
      <Route path="*">
        <header className={styles.headerContainer} role="banner">
          <section className={styles.header}>
            <h1 className={styles.logo}>
              <NavLink to="/" rel="home">
                <img src={logoContent} alt="Stylo" title="Stylo" />
              </NavLink>
            </h1>
            <nav role="navigation">
              <ul className={styles.menuLinks}>
                {connected && (
                  <li>
                    <NavLink
                      to={
                        activeWorkspaceId
                          ? `/workspaces/${activeWorkspaceId}/articles`
                          : '/articles'
                      }
                    >
                      Articles
                    </NavLink>
                  </li>
                )}
                {connected && (
                  <li>
                    <NavLink
                      to={
                        activeWorkspaceId
                          ? `/workspaces/${activeWorkspaceId}/corpus`
                          : '/corpus'
                      }
                    >
                      Corpus
                    </NavLink>
                  </li>
                )}
                {!connected && (
                  <li>
                    <NavLink to="/">
                      {t('credentials.login.confirmButton')}
                    </NavLink>
                  </li>
                )}
                {!connected && (
                  <li>
                    <NavLink to="/register" className={styles.registerAction}>
                      {t('credentials.login.registerLink')}
                    </NavLink>
                  </li>
                )}
              </ul>
            </nav>
            <nav className={styles.secondaryNav}>
              {connected && <UserMenu />}
              <a
                className={styles.documentationLink}
                href="https://stylo-doc.ecrituresnumeriques.ca"
                target="_blank"
                rel="noopener noreferrer"
              >
                <LifeBuoy size={16} />
                Documentation
              </a>
              <LanguagesMenu />
            </nav>
          </section>
        </header>
      </Route>
    </Switch>
  )
}

export default Header

1	import React, { useMemo } from 'react'	×
2	import { LifeBuoy } from 'react-feather'	×
3	import { useSelector } from 'react-redux'	×
4	import { NavLink, Route, Switch } from 'react-router-dom'	×
5	import { useTranslation } from 'react-i18next'	×
6
7	import logoContent from '/images/logo.svg?inline'	×
8	import { useActiveWorkspace } from '../hooks/workspace.js'	×
9
10	import styles from './header.module.scss'	×
11	import LanguagesMenu from './header/LanguagesMenu.jsx'	×
12	import UserMenu from './header/UserMenu.jsx'	×
13
14	function Header() {	×
15	const activeWorkspace = useActiveWorkspace()	×
16	const activeWorkspaceId = useMemo(	×
17	() => activeWorkspace?._id,	×
18	[activeWorkspace]	×
19	)	×
20	const connected = useSelector((state) => state.loggedIn)	×
21	const { t } = useTranslation()	×
22
23	return (	×
24	<Switch>	×
25	<Route path="*/preview" />	×
26	<Route path="*">	×
NEW 27	<header className={styles.headerContainer} role="banner">	×
28	<section className={styles.header}>	×
29	<h1 className={styles.logo}>	×
NEW 30	<NavLink to="/" rel="home">	×
31	<img src={logoContent} alt="Stylo" title="Stylo" />	×
32	</NavLink>	×
33	</h1>	×
NEW 34	<nav role="navigation">	×
NEW 35	<ul className={styles.menuLinks}>	×
NEW 36	{connected && (	×
NEW 37	<li>	×
NEW 38	<NavLink	×
NEW 39	to={	×
NEW 40	activeWorkspaceId	×
NEW 41	? `/workspaces/${activeWorkspaceId}/articles`	×
NEW 42	: '/articles'	×
43	}
NEW 44	>	×
45	Articles
NEW 46	</NavLink>	×
NEW 47	</li>	×
48	)}
NEW 49	{connected && (	×
NEW 50	<li>	×
NEW 51	<NavLink	×
NEW 52	to={	×
NEW 53	activeWorkspaceId	×
NEW 54	? `/workspaces/${activeWorkspaceId}/corpus`	×
NEW 55	: '/corpus'	×
56	}
NEW 57	>	×
58	Corpus
NEW 59	</NavLink>	×
NEW 60	</li>	×
61	)}
NEW 62	{!connected && (	×
NEW 63	<li>	×
NEW 64	<NavLink to="/">	×
NEW 65	{t('credentials.login.confirmButton')}	×
NEW 66	</NavLink>	×
NEW 67	</li>	×
68	)}
NEW 69	{!connected && (	×
NEW 70	<li>	×
NEW 71	<NavLink to="/register" className={styles.registerAction}>	×
NEW 72	{t('credentials.login.registerLink')}	×
NEW 73	</NavLink>	×
NEW 74	</li>	×
75	)}
NEW 76	</ul>	×
NEW 77	</nav>	×
NEW 78	<nav className={styles.secondaryNav}>	×
NEW 79	{connected && <UserMenu />}	×
NEW 80	<a	×
NEW 81	className={styles.documentationLink}	×
NEW 82	href="https://stylo-doc.ecrituresnumeriques.ca"	×
NEW 83	target="_blank"	×
NEW 84	rel="noopener noreferrer"	×
85	>
NEW 86	<LifeBuoy size={16} />	×
87	Documentation
NEW 88	</a>	×
NEW 89	<LanguagesMenu />	×
NEW 90	</nav>	×
91	</section>	×
92	</header>	×
93	</Route>	×
94	</Switch>	×
95	)
96	}	×
97
98	export default Header	×

EcrituresNumeriques / stylo / 13444748611

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous