github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-21 17:26:29 -05:00
Code Issues Projects Releases Packages Wiki Activity

set color-thema

Browse source 
Signed-off-by: yamashush <38120991+yamashush@users.noreply.github.com>
This commit is contained in:
yamashush 2024-01-11 18:16:20 +09:00 committed by David Mehren
parent c18ffac5ea
commit cf766fb4a6
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -4,6 +4,7 @@
* SPDX-License-Identifier: AGPL-3.0-only
*/
import { useApplicationState } from '../../../hooks/common/use-application-state'
import { useOutlineButtonVariant } from '../../../hooks/dark-mode/use-outline-button-variant'
import { cypressId } from '../../../utils/cypress-attribute'
import { UiIcon } from '../../common/icons/ui-icon'
import { UserAvatarForUser } from '../../common/user-avatar/user-avatar-for-user'
@ -20,6 +21,7 @@ import { Trans, useTranslation } from 'react-i18next'
export const UserDropdown: React.FC = () => {
useTranslation()
const user = useApplicationState((state) => state.user)
const buttonVariant = useOutlineButtonVariant()
if (!user) {
return null
@ -27,7 +29,11 @@ export const UserDropdown: React.FC = () => {
return (
<Dropdown align={'end'}>
<Dropdown.Toggle size='sm' variant='dark' {...cypressId('user-dropdown')} className={'d-flex align-items-center'}>
<Dropdown.Toggle
{...cypressId('user-dropdown')}
size='sm'
variant={buttonVariant}
className={'d-flex align-items-center'}>
<UserAvatarForUser user={user} />
</Dropdown.Toggle>