From 04adce4aaf02cd366ab67f91e366438337a82a41 Mon Sep 17 00:00:00 2001
From: bcjang <sica4311@gmail.com>
Date: Thu, 6 Mar 2025 12:04:51 +0900
Subject: [PATCH] =?UTF-8?q?=EB=9E=9C=EB=93=9C=20=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?=EC=A1=B0=ED=9A=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ServiceManage/index.js          |  4 +++-
 src/components/common/Date/SingleTimePicker.js |  2 +-
 src/pages/DataManage/LandInfoView.js           | 13 ++++++++-----
 src/styles/Components.js                       |  1 +
 src/styles/ModuleComponents.js                 |  7 +++++++
 5 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/components/ServiceManage/index.js b/src/components/ServiceManage/index.js
index 813fcae..857fbf2 100644
--- a/src/components/ServiceManage/index.js
+++ b/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
 };
diff --git a/src/components/common/Date/SingleTimePicker.js b/src/components/common/Date/SingleTimePicker.js
index d21d24e..defd2ca 100644
--- a/src/components/common/Date/SingleTimePicker.js
+++ b/src/components/common/Date/SingleTimePicker.js
@@ -52,7 +52,7 @@ const SingleTimePicker = ({
 
 	return (
 		<>
-			<FormLabel>{label}</FormLabel>
+			{label && <FormLabel>{label}</FormLabel>}
 			<TimeContainer>
 				<StyledSelectInput
 					onChange={handleTimeChange}
diff --git a/src/pages/DataManage/LandInfoView.js b/src/pages/DataManage/LandInfoView.js
index 6f1f501..a9dbde5 100644
--- a/src/pages/DataManage/LandInfoView.js
+++ b/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} />
 		</>
 	);
 };
diff --git a/src/styles/Components.js b/src/styles/Components.js
index e6f937c..8ba3913 100644
--- a/src/styles/Components.js
+++ b/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};
 `;
 
diff --git a/src/styles/ModuleComponents.js b/src/styles/ModuleComponents.js
index 77a9ed8..755f1de 100644
--- a/src/styles/ModuleComponents.js
+++ b/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;
 `;