Skip to content

fix(#61): 급경사지 위치도전경시점종점 이미지 추가 디테일 수정 #62

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kdhqwe1030 merged 3 commits into from
Jun 11, 2025
Merged

fix(#61): 급경사지 위치도전경시점종점 이미지 추가 디테일 수정 #62

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
2b76fde
chore: errorMessage State제거
kdhqwe1030 Jun 11, 2025
8b34476
fix: infotable 사진 순서 변경( 시종전 -> 종전시)
kdhqwe1030 Jun 11, 2025
ae66d49
fix: 이미지확대 모달 이미지 순서 변경(시종전-> 종전시)
kdhqwe1030 Jun 11, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 18 additions & 17 deletions src/pages/MapPage/components/InfoTable.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -110,23 +110,7 @@ const InfoTable = ({ selectItem }: InfotableProps) => {
)}
<ImgTag>위치도</ImgTag>
</ImgContainer>
<ImgContainer>
{selectItem.priority?.images?.start?.url ? (
<Img
src={selectItem.priority.images.start.url}
alt="시점"
onClick={() =>
handleImageClick(
'start',
selectItem.priority.images.start?.url
)
}
/>
) : (
<NoImagePlaceholder>이미지 없음</NoImagePlaceholder>
)}
<ImgTag>시점</ImgTag>
</ImgContainer>

<ImgContainer>
{selectItem.priority?.images?.end?.url ? (
<Img
Expand Down Expand Up @@ -158,6 +142,23 @@ const InfoTable = ({ selectItem }: InfotableProps) => {
)}
<ImgTag>전경</ImgTag>
</ImgContainer>
<ImgContainer>
{selectItem.priority?.images?.start?.url ? (
<Img
src={selectItem.priority.images.start.url}
alt="시점"
onClick={() =>
handleImageClick(
'start',
selectItem.priority.images.start?.url
)
}
/>
) : (
<NoImagePlaceholder>이미지 없음</NoImagePlaceholder>
)}
<ImgTag>시점</ImgTag>
</ImgContainer>
</ViewImgSection>
<ContentSection>
<InfoRow>
Expand Down
5 changes: 1 addition & 4 deletions src/pages/MapPage/components/map/MapComponent.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
useNavermaps,
Marker,
} from 'react-naver-maps';
import { useState, useEffect } from 'react';
import { useEffect } from 'react';
import AmarkerIcon from '../../../../assets/a.webp';
import BmarkerIcon from '../../../../assets/b.webp';
import CmarkerIcon from '../../../../assets/c.webp';
Expand Down Expand Up @@ -35,7 +35,6 @@ const MapComponent = () => {

const { mapTypeId, setIsMapReady } = useMapStore();
const navermaps = useNavermaps();
const [_errorMessage, setErrorMessage] = useState<string | null>(null);

//지도가 준비된 경우
useEffect(() => {
Expand Down Expand Up @@ -117,13 +116,11 @@ const MapComponent = () => {
}
} catch (error) {
console.error('Error:', error);
setErrorMessage('위치 정보를 가져올 수 없습니다.');
setUserLocation(new navermaps.LatLng(37.5665, 126.978));
}
},
(error) => {
console.error('Error:', error);
setErrorMessage('브라우저가 위치 정보를 지원하지 않습니다.');
setUserLocation(new navermaps.LatLng(37.5665, 126.978));
},
{
Expand Down
2 changes: 1 addition & 1 deletion src/stores/imgViewerStore.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ export const useImgViewerStore = create<ImgViewerStore>((set, get) => ({
const { images } = get();
if (!images) return [];

const imageOrder: ImageType[] = ['position', 'start', 'end', 'overview'];
const imageOrder: ImageType[] = ['position', 'end', 'overview', 'start'];
return imageOrder.filter((type) => images[type]?.url);
},

Expand Down
Loading