diff --git a/src/pages/MapPage/components/InfoTable.tsx b/src/pages/MapPage/components/InfoTable.tsx index fa8527d..281ba90 100644 --- a/src/pages/MapPage/components/InfoTable.tsx +++ b/src/pages/MapPage/components/InfoTable.tsx @@ -76,7 +76,14 @@ const InfoTable = ({ selectItem }: InfotableProps) => { {selectItem?.location?.city || ''}{' '} {selectItem?.location?.district || ''}{' '} {selectItem?.location?.address || ''}{' '} - {selectItem?.location?.mountainAddress === 'Y' ? '산' : ''} + {selectItem?.location?.mountainAddress === 'Y' ? '산' : ''}{' '} + {selectItem?.location?.mainLotNumber || ''} + {selectItem?.location?.subLotNumber + ? `-${selectItem.location.subLotNumber}` + : ''}{' '} + {selectItem?.location?.roadAddress + ? `(${selectItem?.location?.roadAddress})` + : ''}{' '} diff --git a/src/pages/MapPage/components/ListContainer.tsx b/src/pages/MapPage/components/ListContainer.tsx index 0555adb..bd1b7ed 100644 --- a/src/pages/MapPage/components/ListContainer.tsx +++ b/src/pages/MapPage/components/ListContainer.tsx @@ -25,8 +25,16 @@ const ListContainer = ({ item, onClick }: ListProps) => { - {item.location.province} {item.location.city} - {item.location.district} + {item?.location?.province || ''} {item?.location?.city || ''}{' '} + {item?.location?.district || ''} {item?.location?.address || ''}{' '} + {item?.location?.mountainAddress === 'Y' ? '산' : ''}{' '} + {item?.location?.mainLotNumber || ''} + {item?.location?.subLotNumber + ? `-${item.location.subLotNumber}` + : ''}{' '} + {item?.location?.roadAddress + ? `(${item?.location?.roadAddress})` + : ''}{' '} {item.location.address} @@ -111,6 +119,10 @@ const AddressText = styled.div` font-size: ${({ theme }) => theme.fonts.sizes.ms}; color: ${({ theme }) => theme.colors.grey[700]}; font-weight: ${({ theme }) => theme.fonts.weights.medium}; + + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; `; const AddressWrapper = styled.div` width: 100%;