'방방곡곡' 프로젝트 ~ing

예약페이지 만들기 (티켓팅페이지)

StayDetailPage
 ㄴ ReservationPage
     ㄴ Ticketing 

예약페이지 만들기

1. 예약페이지에 클릭한 해당 숙박의 상세내용과 티켓팅 컴퍼넌트를 같이 넣어 띄워주기 =>완료
2. 숙박 상세내용 : 타이틀, 사진, 주소 -> 예약페이지에 띄우기만 하면됨 =>완료
3. 티켓팅 받는 정보 : 이름 , 메일, 인원수,숙박시작일,숙박종료일 ->숙박타이틀과 같이 파이어베이스에 저장시키기 =>완료

오늘의 고난 구간,,,,, 파베.....파베!!!!!1

const handleSubmit = async (e) => {
    //유저 아이디 가져오기
    e.preventDefault();
    const uid = auth.currentUser.uid;
    const docRef = doc(collection(db, "reservations"));

    // 유저 컬렉션이 존재하는지 확인
    await getDoc(docRef)
      .then((doc) => {
        // 없으면 새로 생성
        if (!doc.exists()) {
          setDoc(docRef, {
            title: stayDetailData.title,
            count: quantity,
            startDate: startDate,
            termDate: termDate,
            name: name,
            email: email,
            uid: uid,
          });
        }
      })
      .catch((e) => console.log(e));
    await updateDoc(docRef, {
      title: stayDetailData.title,
      count: quantity,
      startDate: startDate,
      termDate: termDate,
      name: name,
      email: email,
      uid: uid,
    }).catch((e) => console.log(e));
    alert(
      `${quantity} 장의 티켓이 ${startDate}~${termDate}로 예약되었습니다 ${name} 님 (${email}) 로 ${stayDetailData.title}예약발송 되셧습니다`
    );
  };

4.저장된 파베정보를 마이페이지의 예약완료(?)페이지에 나타내주기(일단은 티켓팅 정보 모두(?)가져와보기)

마이페이지에 내 예약정보 탭 만들기 ( 탭 정리 필요함) ->완료

[보류]5.카트(?)페이지에는 간단하게 이름 주소 ?정도만 저장하게하기?->카트페이지에서 예약하기 누르면 예약상세페이지로 이동할수있도록하기?

장바구니페이지만들기

완료