website: fix type error.

uiwjs · Jun 20, 2022 · 566dcfb · 566dcfb
1 parent 673c953
commit 566dcfb
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/www/src/pages/theme/editor/ColorMenu.tsx b/www/src/pages/theme/editor/ColorMenu.tsx
@@ -73,12 +73,12 @@ export const ColorMenu: React.FC<PropsWithChildren<ColorMenuProps>> = ({ color,
 };
 
 interface SwitchThemeProps {
-  theme?: CreateThemeOptions['dark'];
-  onChange?: (theme: CreateThemeOptions['dark']) => void;
+  theme?: CreateThemeOptions['theme'];
+  onChange?: (theme: CreateThemeOptions['theme']) => void;
 }
 
 export const SwitchTheme = ({ theme, onChange }: SwitchThemeProps) => {
-  const handleChange = (event: React.ChangeEvent<HTMLInputElement>, theme: CreateThemeOptions['dark']) => {
+  const handleChange = (event: React.ChangeEvent<HTMLInputElement>, theme: CreateThemeOptions['theme']) => {
     onChange && onChange(theme);
   };
   return (

diff --git a/www/src/pages/theme/editor/index.tsx b/www/src/pages/theme/editor/index.tsx
@@ -60,7 +60,7 @@ export function ThemeEditor() {
   const [extension, setExtension] = useState<Extension>(javascript({ jsx: true }));
   const [code, setCode] = useState('');
   const [lang, setLang] = useState('jsx');
-  const [theme, setTheme] = useState<CreateThemeOptions['dark']>('light');
+  const [theme, setTheme] = useState<CreateThemeOptions['theme']>('light');
   const [settings, setSettings] = useState<CreateThemeOptions['settings']>({
     background: '#fff',
     foreground: '#4D4D4C',
@@ -74,7 +74,7 @@ export function ThemeEditor() {
   const [styles, setStyles] = useState<Style>(defalutStyle);
 
   const myTheme = createTheme({
-    dark: theme,
+    theme: theme,
     settings: { ...settings },
     styles: [
       getStyle(styles.comment, { tag: t.comment }),

diff --git a/www/src/pages/theme/editor/themeCode.ts b/www/src/pages/theme/editor/themeCode.ts
@@ -88,7 +88,7 @@ export const defalutStyle: Style = {
   processingInstruction: '',
 };
 
-export type ThmeCodeStyle = Style & CreateThemeOptions['settings'] & { dark: CreateThemeOptions['dark'] };
+export type ThmeCodeStyle = Style & CreateThemeOptions['settings'] & { dark: CreateThemeOptions['theme'] };
 
 export const themeCode = (styles: Partial<ThmeCodeStyle> = {}) => {
   const data: string[] = [];