chore: optimized select

wenxuan.feng · wenxuan.feng · commit 0e66c82841d6 · 2024-08-26T17:50:11.000+08:00
diff --git a/src/components/controls/BaseUrlControls.tsx b/src/components/controls/BaseUrlControls.tsx
@@ -1,28 +1,33 @@
-import { ChangeEvent } from 'react';
 import ListItem from '@mui/material/ListItem';
-import TextField from '@mui/material/TextField';
 import FormControl from '@mui/material/FormControl';
+import Select, { SelectChangeEvent } from '@mui/material/Select';
+import MenuItem from '@mui/material/MenuItem';
 import { useDispatch, useStore } from '../../store';
 
 const BaseUrlControls = () => {
     const store = useStore();
     const dispatch = useDispatch();
-    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
+
+    const handleChange = (e: SelectChangeEvent<string>) => {
         dispatch({ type: 'baseUrl', payload: e.target.value });
     }
+
     return (
         <ListItem>
             <FormControl fullWidth>
-                <TextField
+                <Select
                     value={store.baseUrl}
                     fullWidth
-                    label="base URL"
-                    placeholder='https://www.okx.com'
+                    label="Base URL"
                     onChange={handleChange}
-                />
+                >
+                    <MenuItem value="https://www.okx.com">https://www.okx.com</MenuItem>
+                    <MenuItem value="https://beta.okex.org">https://beta.okex.org</MenuItem>
+                    <MenuItem value="http://127.0.0.1:3000">http://127.0.0.1:3000</MenuItem>
+                </Select>
             </FormControl>
         </ListItem>
     );
 };
 
-export default BaseUrlControls;
+export default BaseUrlControls;
diff --git a/src/store/index.tsx b/src/store/index.tsx
@@ -15,6 +15,7 @@ const initialState = {
 }
 type Action = {
     type: string;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     payload: any;
 }
 const reducer = (state: typeof initialState, action: Action) => {
@@ -74,13 +75,18 @@ const reducer = (state: typeof initialState, action: Action) => {
     }
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const StoreContext = createContext<{ store: typeof initialState, dispatch: Dispatch<any> } | null>(null);
 
 export const useStore = () => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
     return useContext(StoreContext).store;
 };
 
 export const useDispatch = () => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
     return useContext(StoreContext).dispatch;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,7 @@ const initialState = {`
`15`	`15`	`}`
`16`	`16`	`type Action = {`
`17`	`17`	`type: string;`
	`18`	`+ // eslint-disable-next-line @typescript-eslint/no-explicit-any`
`18`	`19`	`payload: any;`
`19`	`20`	`}`
`20`	`21`	`const reducer = (state: typeof initialState, action: Action) => {`
`@@ -74,13 +75,18 @@ const reducer = (state: typeof initialState, action: Action) => {`
`74`	`75`	`}`
`75`	`76`	`}`
`76`	`77`
	`78`	`+// eslint-disable-next-line @typescript-eslint/no-explicit-any`
`77`	`79`	`export const StoreContext = createContext<{ store: typeof initialState, dispatch: Dispatch<any> } \| null>(null);`
`78`	`80`
`79`	`81`	`export const useStore = () => {`
	`82`	`+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment`
	`83`	`+ // @ts-expect-error`
`80`	`84`	`return useContext(StoreContext).store;`
`81`	`85`	`};`
`82`	`86`
`83`	`87`	`export const useDispatch = () => {`
	`88`	`+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment`
	`89`	`+ // @ts-expect-error`
`84`	`90`	`return useContext(StoreContext).dispatch;`
`85`	`91`	`}`
`86`	`92`