Add setting popup component

source/Component/CommandBar/CommandBar.tsx

@@ -4,7 +4,7 @@ import { LocalizationTooltipHost } from "../Localization/LocalizationTooltipHost
 import { useSetting, IMixinSettingProps } from "@Context/Setting";
 import { useStatusWithEvent, IMixinStatusProps } from "@Context/Status";
 import { AllI18nKeys } from "../Localization/Localization";
-import { ConfirmPopup } from "@Component/ConfirmPopup/ConfirmPopup";
+import { SettingPopup } from "@Component/SettingPopup/SettingPopup";
 import { Component, ReactNode } from "react";
 import { MouseMod } from "@GLRender/ClassicRenderer";
 import "./CommandBar.scss";
@@ -73,7 +73,7 @@ class CommandBar extends Component<ICommandBarProps & IMixinSettingProps & IMixi
                     iconName: "Settings",
                     i18NKey: "Command.Bar.Setting.Info",
                     click: () => {
-                        // this.props.status?.popup.showPopup(ConfirmPopup, {});
+                        this.props.status?.popup.showPopup(SettingPopup, {});
                     }
                 })}
             </div>

source/Component/SettingPopup/SettingPopup.scss

@@ -0,0 +1,6 @@
+@import "../Theme/Theme.scss";
+
+div.setting-popup {
+	width: 100%;
+	height: 100%;
+}

source/Component/SettingPopup/SettingPopup.tsx

@@ -0,0 +1,34 @@
+import { Component, ReactNode } from "react";
+import { Popup } from "@Context/Popups";
+import { Theme } from "@Component/Theme/Theme";
+import { Localization } from "@Component/Localization/Localization";
+import "./SettingPopup.scss";
+
+interface ISettingPopupProps {
+
+}
+
+class SettingPopup extends Popup<ISettingPopupProps> {
+
+	public minWidth: number = 400;
+	public minHeight: number = 300;
+	public width: number = 600;
+	public height: number = 450;
+
+	public onRenderHeader(): ReactNode {
+		return <Localization i18nKey="Popup.Setting.Title"/>
+	}
+
+	public render(): ReactNode {
+		return <SettingPopupComponent {...this.props}/>
+	}
+}
+
+class SettingPopupComponent extends Component<ISettingPopupProps> {
+
+	public render(): ReactNode {
+		return <Theme className="setting-popup"></Theme>
+	}
+}
+
+export { SettingPopup };