mid 셋팅및 코드 정리

src/entities/account/ui/user-manage-wrap.tsx

@@ -5,19 +5,17 @@ import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { UserManageAuthList } from './user-manage-auth-list';
 import { useUserFindMutation } from '@/entities/user/api/use-user-find-mutation';
 import { UserListItem } from '@/entities/user/model/types';
+import { useStore } from '@/shared/model/store';
 
 export const UserManageWrap = () => {
+  const midOptions = useStore.getState().UserStore.selectOptionsMids;
+  const userMid = useStore.getState().UserStore.mid;
+
   const { navigate } = useNavigate();
   const { mutateAsync: userFind } = useUserFindMutation();
   const [userItems, setUserItems] = useState<Array<UserListItem>>([]);
   const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
-  const [mid, setMid] = useState<string>('nictest00m');
-
-  const midList = [
-    { value: 'nictest00m', label: 'nictest00m' },
-    { value: 'nictest01m', label: 'nictest01m' },
-    { value: 'nictest02m', label: 'nictest02m' },
-  ];
+  const [mid, setMid] = useState<string>(userMid);
 
   const callList = (mid: string) => {
     setPageParam(pageParam);
@@ -44,10 +42,19 @@ export const UserManageWrap = () => {
     <>
       <div className="ing-list">
         <div className="input-wrapper top-select mt-16">
-          <select value={mid} onChange={e => setMid(e.target.value)}>
-            {midList.map(item => (
-              <option key={item.value} value={item.value}>{item.label}</option>
-            ))}
+          <select 
+            value={mid} 
+            onChange={e => setMid(e.target.value)}
+          >
+          { 
+            midOptions.map((value, index) => (
+              <option
+                key={ value.value }
+                value={ value.value }
+                selected={ (userMid === value.value)? true: false }
+              >{ value.name }</option>
+            )) 
+          }  
           </select>
         </div>