1.2.7

lib/components/menu/menu.tsx

@@ -61,7 +61,7 @@ export const Menu = ({
         className={itemClasses}
         onClick={() => onMenuItemClick(x.key)}
       >
-        <div className={itemIconClasses}>{x.icon}</div>
+        {!!x.icon && <div className={itemIconClasses}>{x.icon}</div>}
         {x.title}
       </li>
     ));

lib/customization/theme/index.ts

@@ -1,25 +1,18 @@
-// src/themes/index.ts
 import baseDark from "./dark/base";
 import baseLight from "./light/base";
 import blueLight from "./light/blue";
-// import pinkLight from "./light/pink";
-// import greenLight from "./light/green";
 import { IThemes } from "./utils";
 
-const THEMES = {
+const themeList = {
   baseLight: "baseLight",
   blueLight: "blueLight",
   baseDark: "baseDark",
-  // pinkLight: "pinkLight",
-  // greenLight: "greenLight",
 };
 
-export type ThemeType = keyof typeof THEMES;
+export type IThemeType = keyof typeof themeList;
 
 export const zeniThemes: IThemes = {
   baseLight,
   baseDark,
   blueLight,
-  // pinkLight,
-  // greenLight,
 };

lib/customization/theme/use-change-theme.tsx

@@ -1,11 +1,11 @@
 import { useEffect, useState } from "react";
-import { ThemeType } from ".";
+import { IThemeType } from ".";
 import { applyTheme } from "./utils";
 
 export function useChangeTheme() {
-  const [theme, setTheme] = useState<ThemeType | undefined>(() => {
+  const [theme, setTheme] = useState<IThemeType | undefined>(() => {
     const savedTheme = localStorage.getItem("theme");
-    return savedTheme ? (savedTheme as ThemeType) : undefined;
+    return savedTheme ? (savedTheme as IThemeType) : undefined;
   });
 
   useEffect(() => {
@@ -16,4 +16,4 @@ export function useChangeTheme() {
   }, [theme]);
 
   return { theme, setTheme };
-}
+}

lib/customization/theme/utils.ts

@@ -1,6 +1,6 @@
 import { zeniThemes } from ".";
 
-export type ITheme = Record<string, string>;
+type ITheme = Record<string, string>;
 
 export type IThemes = Record<string, ITheme>;
 

lib/providers/zeni-provider.tsx

@@ -4,22 +4,22 @@ import {
   ToastProvider,
   ToastProviderProps,
 } from "../main";
-import { ThemeType } from "../customization/theme";
+import { IThemeType } from "../customization/theme";
 import { applyTheme } from "../customization/theme/utils";
 
 export const ZeniProvider = ({
   initialTheme,
   children,
   toastOptions,
 }: {
-  initialTheme?: ThemeType;
+  initialTheme?: IThemeType;
   children: React.ReactNode;
   toastOptions?: ToastProviderProps;
 }) => {
   useEffect(() => {
     const savedTheme = localStorage.getItem("theme");
     const defaultTheme =
-      (savedTheme as ThemeType) || initialTheme || "baseLight";
+      (savedTheme as IThemeType) || initialTheme || "baseLight";
     applyTheme(defaultTheme);
     localStorage.setItem("theme", defaultTheme);
   }, [initialTheme]);

package.json

@@ -1,7 +1,7 @@
 {
   "name": "zeni-ui",
   "private": false,
-  "version": "1.2.6-beta",
+  "version": "1.2.7-beta",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",