feat :: '본사와 동일합니다' 메세지 추가

Team-return · Nov 6, 2024 · 4c000e4 · 4c000e4
1 parent d6b092a
commit 4c000e4
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 1 deletion.
diff --git a/src/Apis/Companies/response.ts b/src/Apis/Companies/response.ts
@@ -56,4 +56,5 @@ export interface CompanyDetailResponse {
 	business_area: string;
 	business_area_code: number;
 	biz_registration_url: string;
+	headquarter: boolean;
 }
diff --git a/src/Assets/SVG/check.svg b/src/Assets/SVG/check.svg
diff --git a/src/Components/Detail/CompanyDetail/Basic/index.tsx b/src/Components/Detail/CompanyDetail/Basic/index.tsx
@@ -4,6 +4,7 @@ import { useNavigate } from 'react-router-dom';
 import { CompanyDetailResponse } from '../../../../Apis/Companies/response';
 import * as _ from '../../style';
 import { useDownloadData } from '../../../../Apis/File';
+import check from '../../../../Assets/SVG/check.svg';
 
 interface PropsType {
 	companyDetailInfo: CompanyDetailResponse;
@@ -101,8 +102,20 @@ export function CompanyDetailBasic({
 			</_.Stack>
 			<_.Stack>
 				<_.TitleBox>주소</_.TitleBox>
-				<_.ContentBox width={90}>
+				<_.ContentBox
+					width={90}
+					style={{
+						display: 'flex',
+						justifyContent: 'space-between',
+					}}
+				>
 					{`(${companyDetailInfo?.main_zip_code}) ${companyDetailInfo?.main_address} ${companyDetailInfo?.main_address_detail}`}
+					{companyDetailInfo?.headquarter && (
+						<_.Headquarter>
+							<img src={check} alt="체크" />
+							<p>본사와 동일합니다.</p>
+						</_.Headquarter>
+					)}
 				</_.ContentBox>
 			</_.Stack>
 			<_.Stack>

diff --git a/src/Components/Detail/style.ts b/src/Components/Detail/style.ts
@@ -201,3 +201,18 @@ export const BackWrapper = styled.div`
 	margin: 0 0 20px 0;
 	cursor: pointer;
 `;
+
+export const Headquarter = styled.div`
+	display: flex;
+	gap: 6.5px;
+	justify-self: end;
+
+	> img {
+		width: 19px;
+		height: 19px;
+	}
+
+	> p {
+		color: #2ecc71;
+	}
+`;