mid 셋팅및 코드 정리

src/pages/additional-service/payout/list-page.tsx

@@ -27,15 +27,17 @@ import { PayoutFilter } from '@/entities/additional-service/ui/filter/payout-fil
 import { PayoutDisbursementStatusBtnGroup } from '@/entities/additional-service/model/payout/constant';
 import { ListDateGroup } from '@/entities/additional-service/ui/list-date-group';
 import { AdditionalServiceCategory } from '@/entities/additional-service/model/types';
+import { useStore } from '@/shared/model/store';
 
 export const PayoutListPage = () => {
   const { navigate } = useNavigate();
+  const userMid = useStore.getState().UserStore.mid;
 
   const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
   const [listItems, setListItems] = useState<Record<string, Array<PayoutContent>>>({});
   const [filterOn, setFilterOn] = useState<boolean>(false);
   const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
-  const [mid, setMid] = useState<string>('nictest00m');
+  const [mid, setMid] = useState<string>(userMid);
   const [searchCl, setSearchCl] = useState<PayoutSearchCl>(PayoutSearchCl.REQUEST_DATE);
   const [fromDate, setFromDate] = useState<string>(moment().format('YYYYMMDD'));
   const [toDate, setToDate] = useState<string>(moment().format('YYYYMMDD'));
@@ -145,7 +147,9 @@ export const PayoutListPage = () => {
   };
   const onClickToDisbursementStatus = (val: PayoutDisbursementStatus) => {
     setDisbursementStatus(val);
-    callExtensionPayoutList({val: val});
+    callExtensionPayoutList({
+      val: val
+    });
   };