From 5a27a629b2948ae8c2ebc5fea7524d3da3c1bfc6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mehver=20=7C=20=E8=BF=99=E6=B0=B4=E6=80=8E=E4=B9=88?=
 =?UTF-8?q?=E6=B2=A1=E5=91=B3=E5=84=BF=E5=95=8A?=
 <75297777+Mehver@users.noreply.github.com>
Date: Mon, 15 Apr 2024 17:36:44 -0400
Subject: [PATCH] Correcting asynchronous loading logic

---
 package-lock.json                     |  2 +-
 src/component/SideBar/KeyboardMenu.js | 57 +++++++++++++++++++++++----
 2 files changed, 51 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 29e04ac..338cfe0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "react": "18.2.0",
         "react-color": "^2.19.3",
         "react-dom": "18.2.0",
-        "react-scripts": "5.0.1"
+        "react-scripts": "^5.0.1"
       },
       "devDependencies": {
         "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
diff --git a/src/component/SideBar/KeyboardMenu.js b/src/component/SideBar/KeyboardMenu.js
index 54e922d..e09fda2 100644
--- a/src/component/SideBar/KeyboardMenu.js
+++ b/src/component/SideBar/KeyboardMenu.js
@@ -36,14 +36,21 @@ class KeyboardMenu extends Component {
     }
 
     componentDidMount() {
-        api_get_system_info().then(data => {
-            this.setState({serverIsMac: data.volume === 'Darwin'});
-        });
-        if (this.state.serverIsMac) {
-            this.context.setKeyboardDataSendMod('b');
-        }
+        api_get_system_info()
+            .then(data => {
+                this.setState({serverIsMac: data.volume === 'Darwin'});
+            })
+            .then(() => {
+                if (this.state.serverIsMac) {
+                    this.context.setKeyboardDataSendMod('b');
+                }
+            });
     }
 
+    handleRadioChange = (event) => {
+        this.context.setKeyboardDataSendMod(event.target.value);
+    };
+
     // 输入框实时更新
     handleInputChange = (event) => {
         this.setState({inputText: event.target.value});
@@ -126,6 +133,42 @@ class KeyboardMenu extends Component {
                         {this.state.serverIsMac ? (
                             <Typography style={{fontSize: '1rem'}}>*MacOS ASCII Only</Typography>
                         ) : (
+                            // <RadioGroup
+                            //     row
+                            //     value={this.context.keyboardDataSendMod}
+                            //     onChange={this.handleRadioChange}
+                            // >
+                            //     <FormControlLabel
+                            //         value="a"
+                            //         control={
+                            //             <Radio
+                            //                 sx={{
+                            //                     color: secondaryColor,
+                            //                     '&.Mui-checked': {
+                            //                         color: secondaryColor,
+                            //                     },
+                            //                 }}
+                            //                 color="secondary"
+                            //             />
+                            //         }
+                            //         label="Paste"
+                            //     />
+                            //     <FormControlLabel
+                            //         value="b"
+                            //         control={
+                            //             <Radio
+                            //                 sx={{
+                            //                     color: secondaryColor,
+                            //                     '&.Mui-checked': {
+                            //                         color: secondaryColor,
+                            //                     },
+                            //                 }}
+                            //                 color="secondary"
+                            //             />
+                            //         }
+                            //         label="Type"
+                            //     />
+                            // </RadioGroup>
                             <>
                                 <Radio
                                     checked={this.context.keyboardDataSendMod === 'a'}
@@ -142,7 +185,7 @@ class KeyboardMenu extends Component {
                                     }}
                                     color='secondary'
                                 />
-                                <Typography style={{fontSize: '1rem'}}>Past</Typography>
+                                <Typography style={{fontSize: '1rem'}}>Paste</Typography>
                                 <Radio
                                     checked={this.context.keyboardDataSendMod === 'b'}
                                     onChange={() => {