14531144388

Committed 18 Apr 2025 06:53AM UTC coverage: 36.232% (+1.2%) from 35.073%

Build # 14531144388

Build Type

push

github

Committed by

web-flow

Commit Message

fix(home): liens de connexion/inscription contextuels (#1430)

Co-authored-by: Thomas Parisot <thom4parisot@users.noreply.github.com>

Coverage Stats

569 of 828 branches covered (68.72%)

Branch coverage included in aggregate %.

0 of 20 new or added lines in 1 file covered. (0.0%)

199 existing lines in 13 files now uncovered.

5689 of 16444 relevant lines covered (34.6%)

2.37 hits per line

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

0.0

/front/src/components/header/UserMenu.jsx

import React, { useCallback, useEffect } from 'react'
import { useTranslation } from 'react-i18next'
import { useSelector } from 'react-redux'
import { Link } from 'react-router-dom'
import { Layers, LogOut, User } from 'lucide-react'
import { useLogout } from '../../hooks/user.js'

import useComponentVisible from '../../hooks/componentVisible'
import styles from './UserMenu.module.scss'
import Button from '../Button.jsx'
import WorkspaceMenuItem from '../workspace/WorkspaceMenuItem.jsx'
import UserMenuLink from './UserMenuLink.jsx'

export default function UserMenu() {
  const { t } = useTranslation()
  const logout = useLogout()

  const handleLogout = useCallback(() => {
    setIsComponentVisible(false)
    logout()
  }, [])

  const { ref, isComponentVisible, setIsComponentVisible } =
    useComponentVisible(false)
  const activeUser = useSelector((state) => state.activeUser)
  const activeWorkspace = activeUser.workspaces.find(
    (workspace) => workspace._id === activeUser.activeWorkspaceId
  )

  useEffect(() => {
    setIsComponentVisible(false)
  }, [activeUser.activeWorkspaceId])

  return (
    <div ref={ref} className={styles.container}>
      <div
        className={styles.userMenuLink}
        onClick={() => setIsComponentVisible(!isComponentVisible)}
      >
        <UserMenuLink
          username={activeUser.displayName}
          activeWorkspace={activeWorkspace}
        />
      </div>
      {isComponentVisible && (
        <div className={styles.menu}>
          <div className={styles.workspaces}>
            <h4>{t('workspace.menu.title')}</h4>
            <ul>
              <WorkspaceMenuItem
                color="#D9D9D9"
                name={t('workspace.myspace')}
              />
              {activeUser.workspaces.map((workspace) => (
                <WorkspaceMenuItem
                  id={workspace._id}
                  key={workspace._id}
                  color={workspace.color}
                  name={workspace.name}
                />
              ))}
              <li className={styles.workspacesLink}>
                <Link
                  to="/workspaces"
                  onClick={() => setIsComponentVisible(false)}
                >
                  <Layers />
                  {t('workspace.all')}
                </Link>
              </li>
            </ul>
          </div>
          <div className={styles.footer}>
            <div className={styles.userBlock}>
              <Link
                to="/credentials"
                onClick={() => setIsComponentVisible(false)}
                className={styles.userCard}
              >
                <div className={styles.persona}>
                  <User />
                </div>
                <div className={styles.userInfo}>
                  <div className={styles.username}>
                    {activeUser.displayName}
                  </div>
                  <div className={styles.email}>{activeUser.email}</div>
                </div>
              </Link>
              <Button
                className={styles.logoutButton}
                onClick={handleLogout}
                aria-label={t('credentials.logout.confirmButton')}
                link
              >
                <LogOut size={22} aria-hidden />
              </Button>
            </div>
          </div>
        </div>
      )}
    </div>
  )
}

1	import React, { useCallback, useEffect } from 'react'	×
2	import { useTranslation } from 'react-i18next'	×
3	import { useSelector } from 'react-redux'	×
4	import { Link } from 'react-router-dom'	×
5	import { Layers, LogOut, User } from 'lucide-react'	×
UNCOV 6	import { useLogout } from '../../hooks/user.js'	×
7
8	import useComponentVisible from '../../hooks/componentVisible'	×
9	import styles from './UserMenu.module.scss'	×
10	import Button from '../Button.jsx'	×
11	import WorkspaceMenuItem from '../workspace/WorkspaceMenuItem.jsx'	×
UNCOV 12	import UserMenuLink from './UserMenuLink.jsx'	×
13
14	export default function UserMenu() {	×
15	const { t } = useTranslation()	×
16	const logout = useLogout()	×
17
18	const handleLogout = useCallback(() => {	×
19	setIsComponentVisible(false)	×
20	logout()	×
21	}, [])	×
22
23	const { ref, isComponentVisible, setIsComponentVisible } =	×
24	useComponentVisible(false)	×
25	const activeUser = useSelector((state) => state.activeUser)	×
UNCOV 26	const activeWorkspace = activeUser.workspaces.find(	×
27	(workspace) => workspace._id === activeUser.activeWorkspaceId	×
28	)	×
29
UNCOV 30	useEffect(() => {	×
31	setIsComponentVisible(false)	×
32	}, [activeUser.activeWorkspaceId])	×
33
34	return (	×
35	<div ref={ref} className={styles.container}>	×
UNCOV 36	<div	×
37	className={styles.userMenuLink}	×
38	onClick={() => setIsComponentVisible(!isComponentVisible)}	×
39	>
40	<UserMenuLink	×
41	username={activeUser.displayName}	×
42	activeWorkspace={activeWorkspace}	×
43	/>	×
44	</div>	×
45	{isComponentVisible && (	×
46	<div className={styles.menu}>	×
47	<div className={styles.workspaces}>	×
48	<h4>{t('workspace.menu.title')}</h4>	×
49	<ul>	×
50	<WorkspaceMenuItem	×
51	color="#D9D9D9"	×
52	name={t('workspace.myspace')}	×
53	/>	×
54	{activeUser.workspaces.map((workspace) => (	×
55	<WorkspaceMenuItem	×
56	id={workspace._id}	×
57	key={workspace._id}	×
58	color={workspace.color}	×
59	name={workspace.name}	×
60	/>	×
61	))}	×
62	<li className={styles.workspacesLink}>	×
UNCOV 63	<Link	×
64	to="/workspaces"	×
65	onClick={() => setIsComponentVisible(false)}	×
66	>
67	<Layers />	×
68	{t('workspace.all')}	×
69	</Link>	×
70	</li>	×
71	</ul>	×
72	</div>	×
73	<div className={styles.footer}>	×
74	<div className={styles.userBlock}>	×
75	<Link	×
UNCOV 76	to="/credentials"	×
77	onClick={() => setIsComponentVisible(false)}	×
78	className={styles.userCard}	×
79	>
80	<div className={styles.persona}>	×
81	<User />	×
82	</div>	×
83	<div className={styles.userInfo}>	×
84	<div className={styles.username}>	×
85	{activeUser.displayName}	×
86	</div>	×
87	<div className={styles.email}>{activeUser.email}</div>	×
88	</div>	×
89	</Link>	×
90	<Button	×
91	className={styles.logoutButton}	×
92	onClick={handleLogout}	×
UNCOV 93	aria-label={t('credentials.logout.confirmButton')}	×
94	link	×
95	>
96	<LogOut size={22} aria-hidden />	×
UNCOV 97	</Button>	×
UNCOV 98	</div>	×
UNCOV 99	</div>	×
UNCOV 100	</div>	×
101	)}
UNCOV 102	</div>	×
103	)
UNCOV 104	}	×

EcrituresNumeriques / stylo / 14531144388

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