Skip to content

Commit

Permalink
✨ add : 장애인 주차장 대수 표기 추가
Browse files Browse the repository at this point in the history
  • Loading branch information
@raymondanythings
raymondanythings committed Apr 20, 2023
1 parent d917446 commit f7ef601
Show file tree
Hide file tree
Showing 3 changed files with 56 additions and 80 deletions.
59 changes: 28 additions & 31 deletions src/components/Search/DestinationCard.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -77,38 +77,35 @@ const DestinationCard: FC<any> = ({ node, maxLength, idx, fetchMore }) => {

<BottomButtons className='scrollbar-hide'>
{node.parkingAvailable ? (
// <PopupButton
// label={node.id}
// toolTip={
// !node.parkingCount ? (
// <>
// <Exclamation />
// <div>
// <PopupTitle>장애인 주차장</PopupTitle>
// <Subscription red>
// 정확한 주차 가능대수는 알 수 없어요 :(
// <br />
// 전화 문의 부탁드립니다.
// </Subscription>
// </div>
// </>
// ) : (
// <>
// <Check />
// <div>
// <PopupTitle>장애인 주차장</PopupTitle>
// <Subscription>주차 가능대수는 {node.parkingCount}대 입니다.</Subscription>
// </div>
// </>
// )
// }
// >
// <CircleBadge>{node.parkingCount ? `${node.parkingCount}` : '?'}</CircleBadge>
// <serviceIcon.ParkingAvailable />
// </PopupButton>
<Button>
<PopupButton
label={node.id}
toolTip={
!node.parkingCount ? (
<>
<Exclamation />
<div>
<PopupTitle>장애인 주차장</PopupTitle>
<Subscription red>
정확한 주차 가능대수는 알 수 없어요 :(
<br />
전화 문의 부탁드립니다.
</Subscription>
</div>
</>
) : (
<>
<Check />
<div>
<PopupTitle>장애인 주차장</PopupTitle>
<Subscription>주차 가능대수는 {node.parkingCount}대 입니다.</Subscription>
</div>
</>
)
}
>
<CircleBadge>{node.parkingCount ? `${node.parkingCount}` : '?'}</CircleBadge>
<serviceIcon.ParkingAvailable />
</Button>
</PopupButton>
) : null}
{node.wheelChairRentable ? (
<Button>
Expand Down
18 changes: 0 additions & 18 deletions src/components/Search/Slider.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -381,22 +381,6 @@ export const CloseButton = styled(Xthin)`
position: absolute;
right: 2rem;
`
const SnapBars = styled(motion.div)`
position: absolute;
touch-action: none;
margin: 0 auto;
padding: 1rem 0;
left: 50%;
top: -0.25rem;
transform: translateX(-50%);
`
const SnapBar = styled.div`
width: 3.4rem;
height: 0.4rem;
border-radius: 999rem;
background-color: #efeff0;
`

const Content = styled.div`
display: flex;
flex-direction: column;
Expand Down Expand Up @@ -442,7 +426,6 @@ const FilterItems = styled.div`
const FilterItem = styled.label<{ selected: boolean }>`
display: flex;
justify-content: center;
/* padding: 0.5rem 0; */
background-color: ${(props) => (props.selected ? '#61646B' : '#efeff0')};
color: ${(props) => (props.selected ? '#FAFAFA' : '#19191B')};
transition: all 0.1s ease-in-out;
Expand Down Expand Up @@ -475,7 +458,6 @@ export const Shadow = styled(motion.div)`
top: 0;
left: 0;
`

const Slider = styled(motion.div)`
max-width: 412px;
background-color: white;
Expand Down
59 changes: 28 additions & 31 deletions src/screen/Detail.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -110,38 +110,35 @@ const Detail = () => {
<Bottom>
<IconWrapper>
{place.parkingAvailable ? (
// <PopupButton
// label={place.id}
// toolTip={
// !place.parkingCount ? (
// <>
// <Exclamation />
// <div>
// <PopupTitle>장애인 주차장</PopupTitle>
// <Subscription red>
// 정확한 주차 가능대수는 알 수 없어요 :(
// <br />
// 전화 문의 부탁드립니다.
// </Subscription>
// </div>
// </>
// ) : (
// <>
// <Check />
// <div>
// <PopupTitle>장애인 주차장</PopupTitle>
// <Subscription>주차 가능대수는 {place.parkingCount}대 입니다.</Subscription>
// </div>
// </>
// )
// }
// >
// <CircleBadge>{place.parkingCount ? `${place.parkingCount}` : '?'}</CircleBadge>
// <serviceIcon.ParkingAvailable />
// </PopupButton>
<Button>
<PopupButton
label={place.id}
toolTip={
!place.parkingCount ? (
<>
<Exclamation />
<div>
<PopupTitle>장애인 주차장</PopupTitle>
<Subscription red>
정확한 주차 가능대수는 알 수 없어요 :(
<br />
전화 문의 부탁드립니다.
</Subscription>
</div>
</>
) : (
<>
<Check />
<div>
<PopupTitle>장애인 주차장</PopupTitle>
<Subscription>주차 가능대수는 {place.parkingCount}대 입니다.</Subscription>
</div>
</>
)
}
>
<CircleBadge>{place.parkingCount ? `${place.parkingCount}` : '?'}</CircleBadge>
<serviceIcon.ParkingAvailable />
</Button>
</PopupButton>
) : null}
{place.wheelChairRentable ? (
<Button>
Expand Down

1 comment on commit f7ef601

@vercel
Copy link

@vercel vercel bot commented on f7ef601 Apr 20, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

client – ./

client-git-master-noldagapseoyang.vercel.app
client-noldagapseoyang.vercel.app
client-eta-rust.vercel.app

Please sign in to comment.