make cq target_type as selecter

cxOrz · Apr 8, 2023 · 4cf77e4 · 4cf77e4
1 parent c39ccfb
commit 4cf77e4
Showing 1 changed file with 21 additions and 4 deletions.
diff --git a/apps/web/src/pages/Start/ConfigDialog.tsx b/apps/web/src/pages/Start/ConfigDialog.tsx
@@ -12,6 +12,7 @@ import FormGroup from '@mui/material/FormGroup';
 import Switch from '@mui/material/Switch';
 import Divider from '@mui/material/Divider';
 import Box from '@mui/material/Box';
+import MenuItem from '@mui/material/MenuItem';
 
 type renderLoginType = React.FC<{
   onOK: (phone: string, password: string) => Promise<any>;
@@ -79,6 +80,17 @@ export const RenderLogin: renderLoginType = (props) => {
   );
 };
 
+const listTargetType = [
+  {
+    value: 'private',
+    label: '私聊',
+  },
+  {
+    value: 'group',
+    label: '群组',
+  },
+];
+
 export const RenderConfig: renderConfigType = (props) => {
   const [config, setConfig] = useState<UserConfig>(defaultConfig);
 
@@ -291,17 +303,22 @@ export const RenderConfig: renderConfigType = (props) => {
           <TextField
             margin="dense"
             id="target_type"
-            label="私聊或群组(private或group)"
-            type="text"
+            label="消息推送目标"
+            select
             value={config.cqserver.target_type}
             onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
               setConfig(prev => {
                 return { ...prev, cqserver: { ...prev.cqserver, target_type: event.target.value } };
               });
             }}
             fullWidth
-            variant="outlined"
-          />
+            variant="outlined">
+            {listTargetType.map((option) => (
+              <MenuItem key={option.value} value={option.value}>
+                {option.label}
+              </MenuItem>
+            ))}
+          </TextField>
           <TextField
             margin="dense"
             id="target_id"