랜드 정보 조회

src/components/ServiceManage/index.js

@@ -6,6 +6,7 @@ import BattleEventModal from './modal/BattleEventModal'
 import ReportListAnswerModal from './modal/ReportListAnswerModal';
 import ReportListDetailModal from './modal/ReportListDetailModal';
 import UserBlockDetailModal from './modal/UserBlockDetailModal';
+import OwnerChangeModal from './modal/OwnerChangeModal';
 //searchbar
 import ReportListSearchBar from './searchBar/ReportListSearchBar';
 import UserBlockSearchBar from './searchBar/UserBlockSearchBar';
@@ -35,5 +36,6 @@ export {
 	EventListSearchBar,
 	LandAuctionSearchBar,
 	LandAuctionModal,
-	BattleEventModal
+	BattleEventModal,
+	OwnerChangeModal
 };

src/components/common/Date/SingleTimePicker.js

@@ -52,7 +52,7 @@ const SingleTimePicker = ({
 
 	return (
 		<>
-			<FormLabel>{label}</FormLabel>
+			{label && <FormLabel>{label}</FormLabel>}
 			<TimeContainer>
 				<StyledSelectInput
 					onChange={handleTimeChange}

src/pages/DataManage/LandInfoView.js

@@ -20,6 +20,7 @@ import LandInfoSearchBar, { useLandInfoSearch } from '../../components/ServiceMa
 import { convertKTCDate } from '../../utils';
 import Loading from '../../components/common/Loading';
 import { TableSkeleton } from '../../components/Skeleton/TableSkeleton';
+import OwnerChangeModal from '../../components/ServiceManage/modal/OwnerChangeModal';
 
 const LandInfoView = () => {
 	const token = sessionStorage.getItem('token');
@@ -66,10 +67,10 @@ const LandInfoView = () => {
 
 	const handleModalSubmit = async (type, param = null) => {
 		switch (type) {
-			// case "regist":
-			// 	setModalType('regist');
-			// 	handleModalView('detail');
-			// 	break;
+			case "regist":
+				setModalType('regist');
+				handleModalView('detail');
+				break;
 			// case "detail":
 			// 	await LandAuctionDetailView(token, param).then(data => {
 			// 		setDetailData(data.auction_detail);
@@ -209,8 +210,10 @@ const LandInfoView = () => {
 				</TableStyle>
 			</TableWrapper>
 			}
+
 			<Pagination postsPerPage={searchParams.pageSize} totalPosts={dataList?.total_all} setCurrentPage={handlePageChange} currentPage={searchParams.currentPage} pageLimit={INITIAL_PAGE_LIMIT} />
-			{/*<LandDetailModal detailPop={detailPop} handleClick={handleClick} />*/}
+
+			<OwnerChangeModal modalType={modalType} detailView={modalState.detailModal} handleDetailView={() => handleModalClose('detail')} content={detailData} setDetailData={setDetailData} />
 		</>
 	);
 };

src/styles/Components.js

@@ -150,6 +150,7 @@ export const BtnWrapper = styled.div`
 	justify-content: ${props => props.$justify};
 	gap: ${props => props.$gap};
 	margin-top: ${props => props.$marginTop};
+	margin-bottom: ${props => props.$marginBottom};
 	padding-top: ${props => props.$paddingTop};
 `;
 

src/styles/ModuleComponents.js

@@ -569,6 +569,13 @@ export const MessageBox = styled.div`
 
 // FORM
 
+export const FormItemGroup = styled.div`
+    margin-bottom: 15px;
+    display: flex; 
+    align-items: center;
+    justify-content: flex-start;
+`;
+
 export const FormGroup = styled.div`
   margin-bottom: 24px;
 `;