github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-24 18:56:32 -05:00
Code Issues Projects Releases Packages Wiki Activity

refactor: remove name tooltip from user avatar

Browse source 
Signed-off-by: Philip Molares <philip.molares@udo.edu>
This commit is contained in:
Philip Molares 2023-10-07 18:12:48 +02:00
parent c8d654e700
commit 9a81e3ae18
2 changed files with 3 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
frontend/src/components/common/user-avatar/user-avatar.tsx
View file

@ -6,9 +6,7 @@
import { useTranslatedText } from '../../../hooks/common/use-translated-text'
import { ShowIf } from '../show-if/show-if'
import styles from './user-avatar.module.scss'
import React, { useCallback, useMemo } from 'react'
import { OverlayTrigger, Tooltip } from 'react-bootstrap'
import type { OverlayInjectedProps } from 'react-bootstrap/Overlay'
import React, { useMemo } from 'react'
import { useAvatarUrl } from './hooks/use-avatar-url'
export interface UserAvatarProps {
@ -55,15 +53,6 @@ export const UserAvatar: React.FC<UserAvatarProps> = ({
)
const imgDescription = useTranslatedText('common.avatarOf', imageTranslateOptions)
const tooltip = useCallback(
(overlayInjectedProps: OverlayInjectedProps) => (
<Tooltip id={displayName} {...overlayInjectedProps}>
{displayName}
</Tooltip>
),
[displayName]
)
return (
<span className={'d-inline-flex align-items-center ' + additionalClasses}>
{/* eslint-disable-next-line @next/next/no-img-element */}
@ -76,9 +65,7 @@ export const UserAvatar: React.FC<UserAvatarProps> = ({
width={imageSize}
/>
<ShowIf condition={showName}>
<OverlayTrigger overlay={tooltip}>
<span className={`ms-2 me-1 ${styles['user-line-name']}`}>{displayName}</span>
</OverlayTrigger>
<span className={`ms-2 me-1 ${styles['user-line-name']}`}>{displayName}</span>
</ShowIf>
</span>
)

2
frontend/src/components/landing-layout/navigation/user-dropdown.tsx
View file

@ -1,5 +1,5 @@
/*
* SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
* SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/