From 021e2e7821c12e2fe13715e7c6ba8b2386dd9a28 Mon Sep 17 00:00:00 2001
From: MrKBear <mrkbear@qq.com>
Date: Thu, 24 Mar 2022 22:42:20 +0800
Subject: [PATCH] Add setting popup component

---
 source/Component/CommandBar/CommandBar.tsx    |  4 +--
 .../Component/SettingPopup/SettingPopup.scss  |  6 ++++
 .../Component/SettingPopup/SettingPopup.tsx   | 34 +++++++++++++++++++
 source/Localization/EN-US.ts                  |  1 +
 source/Localization/ZH-CN.ts                  |  1 +
 5 files changed, 44 insertions(+), 2 deletions(-)
 create mode 100644 source/Component/SettingPopup/SettingPopup.scss
 create mode 100644 source/Component/SettingPopup/SettingPopup.tsx

diff --git a/source/Component/CommandBar/CommandBar.tsx b/source/Component/CommandBar/CommandBar.tsx
index e6d38be..6deec55 100644
--- a/source/Component/CommandBar/CommandBar.tsx
+++ b/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>
diff --git a/source/Component/SettingPopup/SettingPopup.scss b/source/Component/SettingPopup/SettingPopup.scss
new file mode 100644
index 0000000..f5165a4
--- /dev/null
+++ b/source/Component/SettingPopup/SettingPopup.scss
@@ -0,0 +1,6 @@
+@import "../Theme/Theme.scss";
+
+div.setting-popup {
+	width: 100%;
+	height: 100%;
+}
\ No newline at end of file
diff --git a/source/Component/SettingPopup/SettingPopup.tsx b/source/Component/SettingPopup/SettingPopup.tsx
new file mode 100644
index 0000000..0730082
--- /dev/null
+++ b/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 };
\ No newline at end of file
diff --git a/source/Localization/EN-US.ts b/source/Localization/EN-US.ts
index 8fbaa52..aaaeb7d 100644
--- a/source/Localization/EN-US.ts
+++ b/source/Localization/EN-US.ts
@@ -51,6 +51,7 @@ const EN_US = {
     "Popup.Action.Objects.Confirm.Title": "Confirm Delete",
     "Popup.Action.Objects.Confirm.Delete": "Delete",
     "Popup.Delete.Objects.Confirm": "Are you sure you want to delete this object(s)? The object is deleted and cannot be recalled.",
+    "Popup.Setting.Title": "Preferences setting",
     "Build.In.Label.Name.All.Group": "All group",
     "Build.In.Label.Name.All.Range": "All range",
     "Common.No.Data": "No Data",
diff --git a/source/Localization/ZH-CN.ts b/source/Localization/ZH-CN.ts
index 3e2a883..7531fc9 100644
--- a/source/Localization/ZH-CN.ts
+++ b/source/Localization/ZH-CN.ts
@@ -51,6 +51,7 @@ const ZH_CN = {
     "Popup.Action.Objects.Confirm.Title": "删除确认",
     "Popup.Action.Objects.Confirm.Delete": "删除",
     "Popup.Delete.Objects.Confirm": "你确定要删除这个(些)对象吗？对象被删除将无法撤回。",
+    "Popup.Setting.Title": "首选项设置",
     "Build.In.Label.Name.All.Group": "全部群",
     "Build.In.Label.Name.All.Range": "全部范围",
     "Common.No.Data": "暂无数据",