diff --git a/src/components/setting/setting-theme.tsx b/src/components/setting/setting-theme.tsx index 5fb6c2c..1743602 100644 --- a/src/components/setting/setting-theme.tsx +++ b/src/components/setting/setting-theme.tsx @@ -71,6 +71,22 @@ const SettingTheme = (props: Props) => { } }); + const renderItem = (label: string, key: keyof typeof defaultTheme) => { + return ( + + + + e.key === "Enter" && onSave()} + /> + + ); + }; + return ( {t("Theme Setting")} @@ -79,120 +95,39 @@ const SettingTheme = (props: Props) => { sx={{ width: 400, maxHeight: 300, overflow: "auto", pb: 0 }} > - - + {renderItem("Primary Color", "primary_color")} - - - + {renderItem("Secondary Color", "secondary_color")} - - + {renderItem("Primary Text", "primary_text")} - - - + {renderItem("Secondary Text", "secondary_text")} - - + {renderItem("Info Color", "info_color")} - - - + {renderItem("Error Color", "error_color")} - - + {renderItem("Warning Color", "warning_color")} - - - - - - - - - - - - - - - - - + {renderItem("Success Color", "success_color")} - e.key === "Enter" && onSave()} /> - e.key === "Enter" && onSave()} />