mid 셋팅및 코드 정리

src/pages/transaction/cash-receipt/list-page.tsx

@@ -19,15 +19,17 @@ import {
 	useSetFooterMode
 } from '@/widgets/sub-layout/use-sub-layout';
 import { CashReceiptIssueStatusBtnGroup } from '@/entities/transaction/model/contant';
+import { useStore } from '@/shared/model/store';
 
 export const CashReceiptListPage = () => {
 	const { navigate } = useNavigate();
+	const userMid = useStore.getState().UserStore.mid;
 
 	const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
 	const [listItems, setListItems] = useState({});
 	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 [startDate, setStartDate] = useState(moment().subtract(1, 'month').format('YYYY-MM-DD'));
 	const [endDate, setEndDate] = useState(moment().format('YYYY-MM-DD'));
 	const [purposeType, setPurposeType] = useState<CashReceiptPurposeType>(CashReceiptPurposeType.ALL);
@@ -61,7 +63,7 @@ export const CashReceiptListPage = () => {
 		};
 
 		cashReceiptList(listParams).then((rs) => {
-			console.log(rs)
+			console.log(rs);
 			setListItems(assembleData(rs.content));
 		});
 
@@ -69,13 +71,13 @@ export const CashReceiptListPage = () => {
 
 	const assembleData = (content: Array<CashReceiptListItem>) => {
 		let data: any = {};
-		if (content && content.length > 0) {
-			for (let i = 0; i < content?.length; i++) {
+		if(content && content.length > 0){
+			for (let i=0;i<content?.length;i++){
 				let groupDate = moment(content[i]?.transactionDateTime).format('YYYYMMDD');
-				if (!!groupDate && !data.hasOwnProperty(groupDate)) {
+				if(!!groupDate && !data.hasOwnProperty(groupDate)){
 					data[groupDate] = [];
 				}
-				if (!!groupDate && data.hasOwnProperty(groupDate)) {
+				if(!!groupDate && data.hasOwnProperty(groupDate)){
 					data[groupDate].push(content[i]);
 				}
 			}
@@ -96,12 +98,16 @@ export const CashReceiptListPage = () => {
 	};
 	const onClickToSort = (sort: SortByKeys) => {
 		setSortBy(sort);
-		callList({ sortBy: sort });
+		callList({
+			sortBy: sort
+		});
 	};
 
 	const onClickToIssueStatus = (val: CashReceiptIssueStatus) => {
 		setIssueStatus(val);
-		callList({ val: val });
+		callList({
+			val: val
+		});
 	};
 
 	useEffect(() => {
@@ -119,14 +125,14 @@ export const CashReceiptListPage = () => {
 									<input
 										type="text"
 										className="credit-period"
-										value={moment(startDate).format('YYYY.MM.DD') + '-' + moment(endDate).format('YYYY.MM.DD')}
-										readOnly={true}
+										value={ moment(startDate).format('YYYY.MM.DD') + '-' + moment(endDate).format('YYYY.MM.DD') }
+										readOnly={ true }
 									/>
 									<button className="filter-btn">
 										<img
-											src={IMAGE_ROOT + '/ico_setting.svg'}
+											src={ IMAGE_ROOT + '/ico_setting.svg' }
 											alt="검색옵션"
-											onClick={() => onClickToOpenFilter()}
+											onClick={ () => onClickToOpenFilter() }
 										/>
 									</button>
 								</div>
@@ -143,19 +149,19 @@ export const CashReceiptListPage = () => {
 									<span className="label">승인</span>
 									<strong className="amount22">
 										<NumericFormat
-											value={83745200}
+											value={ 83745200 }
 											thousandSeparator
 											displayType="text"
-											suffix={'원'}
+											suffix='원'
 										></NumericFormat>
 									</strong>
 									<span className="count">
 										<NumericFormat
-											value={2745}
+											value={ 2745 }
 											thousandSeparator
 											displayType="text"
-											prefix={'('}
-											suffix={'건)'}
+											prefix='('
+											suffix='건)'
 										></NumericFormat>
 									</span>
 								</div>
@@ -163,19 +169,19 @@ export const CashReceiptListPage = () => {
 									<span className="label">취소</span>
 									<strong className="amount19">
 										<NumericFormat
-											value={534407}
+											value={ 534407 }
 											thousandSeparator
 											displayType="text"
-											suffix={'원'}
+											suffix='원'
 										></NumericFormat>
 									</strong>
 									<span className="count">
 										<NumericFormat
-											value={32}
+											value={ 32 }
 											thousandSeparator
 											displayType="text"
-											prefix={'('}
-											suffix={'건)'}
+											prefix='('
+											suffix='건)'
 										></NumericFormat>
 									</span>
 								</div>
@@ -184,26 +190,26 @@ export const CashReceiptListPage = () => {
 
 						<div className="filter-section">
 							<SortOptionsBox
-								sortBy={sortBy}
+								sortBy={ sortBy }
 								onClickToSort={ onClickToSort }
 							></SortOptionsBox>
 							<div>
 								<div className="full-menu-keywords no-padding">
-									{
-										CashReceiptIssueStatusBtnGroup.map((value, index) => (
-											<span
-												key={`key-service-code=${index}`}
-												className={`keyword-tag ${(issueStatus === value.value) ? 'active' : ''}`}
-												onClick={() => onClickToIssueStatus(value.value)}
-											>{value.name}</span>
-										))
-									}
+								{
+									CashReceiptIssueStatusBtnGroup.map((value, index) => (
+										<span
+											key={`key-service-code=${index}`}
+											className={`keyword-tag ${(issueStatus === value.value) ? 'active' : ''}`}
+											onClick={() => onClickToIssueStatus(value.value)}
+										>{value.name}</span>
+									))
+								}
 								</div>
 							</div>
 						</div>
 						<CashReceiptList
-							listItems={listItems}
-							transactionCategory={TransactionCategory.CashReceipt}
+							listItems={ listItems }
+							transactionCategory={ TransactionCategory.CashReceipt }
 						></CashReceiptList>
 					</div>
 				</div>