mirror of
https://github.com/dbeaver/cloudbeaver.git
synced 2026-10-24 11:35:54 +08:00
Wroud
42eeff4dc7
refactor(core): replace useLocale with useTranslate overload refactor(core): useTheme and useStyles now auto subscribes to updates dbeaver-corp/dbeaver-web#611
28 lines
728 B
TypeScript
28 lines
728 B
TypeScript
/*
|
|
* cloudbeaver - Cloud Database Manager
|
|
* Copyright (C) 2020 DBeaver Corp and others
|
|
*
|
|
* Licensed under the Apache License, Version 2.0.
|
|
* you may not use this file except in compliance with the License.
|
|
*/
|
|
|
|
import { useObserver } from 'mobx-react';
|
|
import { useEffect } from 'react';
|
|
|
|
import { useService } from '@dbeaver/core/di';
|
|
|
|
import { ThemeService } from './ThemeService';
|
|
|
|
/**
|
|
* Must be observed from mobx
|
|
*/
|
|
export function useTheme() {
|
|
const themeService = useService(ThemeService);
|
|
const className = useObserver(() => themeService.currentTheme.className);
|
|
|
|
useEffect(() => {
|
|
document.body.classList.add(className);
|
|
return () => document.body.classList.remove(className);
|
|
}, [className]);
|
|
}
|