-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #44 from wafflestudio/dev
Dev
- Loading branch information
Showing
28 changed files
with
794 additions
and
481 deletions.
There are no files selected for viewing
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| export { default as WifiIcon } from '@/assets/icons/amenities/wifi.svg'; | ||
| export { default as CheckinIcon } from '@/assets/icons/amenities/checkin.svg'; | ||
| export { default as LuggageIcon } from '@/assets/icons/amenities/luggage.svg'; | ||
| export { default as TvIcon } from '@/assets/icons/amenities/tv.svg'; | ||
| export { default as WifiIcon } from '@/assets/icons/roomdetail/wifi.svg'; | ||
| export { default as CheckinIcon } from '@/assets/icons/roomdetail/checkin.svg'; | ||
| export { default as LuggageIcon } from '@/assets/icons/roomdetail/luggage.svg'; | ||
| export { default as TvIcon } from '@/assets/icons/roomdetail/tv.svg'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| import PhotoSizeSelectActualIcon from '@mui/icons-material/PhotoSizeSelectActual'; | ||
| import { useEffect } from 'react'; | ||
|
|
||
| interface HeartModalProps { | ||
| onClose: () => void; | ||
| } | ||
|
|
||
| const mockHeart = [ | ||
| { name: '2025', itemsCount: 1 }, | ||
| { name: 'Dresden, Germany 2024', itemsCount: 24 }, | ||
| { name: 'Seoul 2024', itemsCount: 15 }, | ||
| { name: 'Kirribilli, Australia 2024', itemsCount: 4 }, | ||
| ]; | ||
|
|
||
| const ShareModal = ({ onClose }: HeartModalProps) => { | ||
| useEffect(() => { | ||
| document.body.style.overflow = 'hidden'; // 배경 스크롤 비활성화 | ||
| return () => { | ||
| document.body.style.overflow = 'auto'; // 모달 닫힐 때 스크롤 복원 | ||
| }; | ||
| }, []); | ||
|
|
||
| return ( | ||
| <div className="fixed inset-0 bg-gray-900 bg-opacity-50 flex justify-center items-center z-50"> | ||
| {/* 배경 클릭 시 닫힘 */} | ||
| <div | ||
| className="absolute inset-0 bg-black bg-opacity-50" | ||
| onClick={onClose} | ||
| ></div> | ||
|
|
||
| {/* 모달 내용 */} | ||
| <div className="relative bg-white rounded-lg shadow-lg w-[40%] z-60 h-[80%] overflow-y-auto"> | ||
| <div className="sticky top-0 bg-white flex items-center w-full border-b p-2"> | ||
| <button | ||
| onClick={onClose} | ||
| className="text-left ml-2 text-3xl text-black" | ||
| > | ||
| × | ||
| </button> | ||
| <div className="text-base flex-1 text-center font-bold"> | ||
| 위시리스트에 저장하기 | ||
| </div> | ||
| <div></div> | ||
| </div> | ||
| <div className="grid grid-cols-2 gap-2 px-2"> | ||
| {mockHeart.map((list) => ( | ||
| <div className="flex flex-col items-start p-2" key={list.name}> | ||
| <PhotoSizeSelectActualIcon className="text-white bg-gray-300 w-full h-[200px] rounded-md shadow-md" /> | ||
| <p className="mt-2 text-base font-bold">{list.name}</p> | ||
| <p className="text-gray-500 text-sm"> | ||
| 저장된 항목 {list.itemsCount}개 | ||
| </p> | ||
| </div> | ||
| ))} | ||
| </div> | ||
|
|
||
| {/* "새로운 위시리스트 만들기" 버튼, 위치 고정 */} | ||
| <div className="sticky bottom-0 text-center bg-white border-t w-full"> | ||
| <button className="w-full bg-gray-900 text-white text-base p-2 rounded-md m-3"> | ||
| 새로운 위시리스트 만들기 | ||
| </button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default ShareModal; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.