payment 이하 구조 변경

src/entities/merchant/ui/info-wrap.tsx

@@ -13,6 +13,7 @@ import { useStore } from '@/shared/model/store';
 export const InfoWrap = () => {
   const userMids = useStore.getState().UserStore.userMids;
   const midOptions = useStore.getState().UserStore.selectOptionsMids;
+  const mid = useStore.getState().UserStore.mid;
 
   const [data, setData] = useState<MerchantMidResponse>();
 
@@ -34,8 +35,8 @@ export const InfoWrap = () => {
   };
 
   useEffect(() => {
-    if(userMids[0]){
-      callInfo(userMids[0]);
+    if(!!mid){
+      callInfo(mid);
     }
   }, []);
 
@@ -50,6 +51,7 @@ export const InfoWrap = () => {
             <option
               key={ value.value }
               value={ value.value }
+              selected={ (mid === value.value)? true: false }
             >{ value.name }</option>
           )) 
         }  

src/entities/merchant/ui/registration-status-wrap.tsx

@@ -17,6 +17,7 @@ import { useStore } from '@/shared/model/store';
 export const RegistrationStatusWrap = () => {
   const userMids = useStore.getState().UserStore.userMids;
   const midOptions = useStore.getState().UserStore.selectOptionsMids;
+  const mid = useStore.getState().UserStore.mid;
 
   const [onlineInfomation, setOnlineInfomation] = useState<OnlineInfomation>();
   const [offlineInfomation, setOfflineInfomation] = useState<OfflineInfomation>();
@@ -43,8 +44,8 @@ export const RegistrationStatusWrap = () => {
   };
 
   useEffect(() => {
-    if(userMids[0]){
-      callInfo(userMids[0]);
+    if(!!mid){
+      callInfo(mid);
     }
   }, []);
 
@@ -59,6 +60,7 @@ export const RegistrationStatusWrap = () => {
             <option
               key={ value.value }
               value={ value.value }
+              selected={ (mid === value.value)? true: false }
             >{ value.name }</option>
           )) 
         }