chore: optimized select

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;

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;
 }