mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2024-11-25 11:16:31 -05:00
set color-thema
Signed-off-by: yamashush <38120991+yamashush@users.noreply.github.com>
This commit is contained in:
parent
c18ffac5ea
commit
cf766fb4a6
1 changed files with 7 additions and 1 deletions
|
@ -4,6 +4,7 @@
|
||||||
* SPDX-License-Identifier: AGPL-3.0-only
|
* SPDX-License-Identifier: AGPL-3.0-only
|
||||||
*/
|
*/
|
||||||
import { useApplicationState } from '../../../hooks/common/use-application-state'
|
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 { cypressId } from '../../../utils/cypress-attribute'
|
||||||
import { UiIcon } from '../../common/icons/ui-icon'
|
import { UiIcon } from '../../common/icons/ui-icon'
|
||||||
import { UserAvatarForUser } from '../../common/user-avatar/user-avatar-for-user'
|
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 = () => {
|
export const UserDropdown: React.FC = () => {
|
||||||
useTranslation()
|
useTranslation()
|
||||||
const user = useApplicationState((state) => state.user)
|
const user = useApplicationState((state) => state.user)
|
||||||
|
const buttonVariant = useOutlineButtonVariant()
|
||||||
|
|
||||||
if (!user) {
|
if (!user) {
|
||||||
return null
|
return null
|
||||||
|
@ -27,7 +29,11 @@ export const UserDropdown: React.FC = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Dropdown align={'end'}>
|
<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} />
|
<UserAvatarForUser user={user} />
|
||||||
</Dropdown.Toggle>
|
</Dropdown.Toggle>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue