blob: 66ec9eda1841c253ae439854d83ba8c91fec47a5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
/**
* @license
* Copyright 2025 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import { useState, useCallback } from 'react';
import { themeManager } from '../themes/theme-manager.js';
interface UseThemeCommandReturn {
isThemeDialogOpen: boolean;
openThemeDialog: () => void;
handleThemeSelect: (themeName: string) => void;
handleThemeHighlight: (themeName: string) => void;
}
export const useThemeCommand = (): UseThemeCommandReturn => {
const [isThemeDialogOpen, setIsThemeDialogOpen] = useState(false);
const [, setForceRender] = useState(0);
const openThemeDialog = useCallback(() => {
setIsThemeDialogOpen(true);
}, []);
function applyTheme(themeName: string) {
try {
themeManager.setActiveTheme(themeName);
setForceRender((v) => v + 1); // Trigger potential re-render
} catch (error) {
console.error(`Error setting theme: ${error}`);
}
}
const handleThemeHighlight = useCallback((themeName: string) => {
applyTheme(themeName);
}, []);
const handleThemeSelect = useCallback((themeName: string) => {
try {
applyTheme(themeName);
} finally {
setIsThemeDialogOpen(false); // Close the dialog
}
}, []);
return {
isThemeDialogOpen,
openThemeDialog,
handleThemeSelect,
handleThemeHighlight,
};
};
|
