메인페이지

메인페이지에서 관리할 상태(state)

• currentManager

  Redux - 전역으로 관리됩니다.

  현재 관리자에 대한 정보를 담고 있습니다.

• currentInquiry

  Redux - 전역으로 관리됩니다.

  • 메인 페이지의 두 번째 컴포넌트인 고객상담 컴포넌트에 전달될 정보입니다.
  • 고객상담 컴포넌트는 각 상담의 식별값(선택된 currentInquiry의 id값)을 props 으로 받아 api 를 이용해 전체 상담 정보를 불러와 화면에 표시합니다.

• currentCustomer

  Redux - 전역으로 관리됩니다.

  • 메인 페이지의 세 번째 컴포넌트인 고객정보 컴포넌트에 전달될 정보입니다.

const Main = () => {
	return (
		<상담목록 />
		<고객상담 />
		<고객정보 />
	)
}

메인페이지의 역할

하위 컴포넌트

메인페이지는 3개의 컴포넌트 상담목록, 고객상담, 고객정보 로 구성되어 있습니다.

컴포넌트 이름을 누르면 이동합니다.

[메인페이지](<https://darkened-date-9ab.notion.site/7ab6c0fec2014b1787dca98d25a3b6c7>)
|____ [상담목록(InquiryBoard)](<https://darkened-date-9ab.notion.site/1-InquiryBoard-0c59b44e57534b4ebdf664dee29f19d4>)
|     |____ [Filters](<https://darkened-date-9ab.notion.site/1-1-Filters-dd2b8363219e4a0a9986efe2a6819e2a>)
|     |____ [Search](<https://darkened-date-9ab.notion.site/1-2-Search-132e51c2ebc44032a00b38ae3df56b3a>)
|     |____ [InquiryList](<https://darkened-date-9ab.notion.site/1-3-InquiryList-3ee2ac5b0f6345dd972ec45a4af75164>)
|          |____ [Inquiry](<https://darkened-date-9ab.notion.site/Inquiry-f0c506546c2742afa93a0d5d5555f92a>)
|          |____ [SortDropdown](<https://darkened-date-9ab.notion.site/SortDropdown-059c53bfdc764fc095d0cda6fa85c880>)
|
|____ [고객상담(ChatRoom)](<https://darkened-date-9ab.notion.site/2-ChatRoom-5ba17967e418474c99e7cc32f1094a65>)
|     |____ [ChatRoomHeader](<https://darkened-date-9ab.notion.site/ChatRoomHeader-e46b517c4a3a4ab0b0f403564ed186c6>)
|     |____ [ChatList](<https://darkened-date-9ab.notion.site/ChatList-30b729b224f94605b5fd946ac8d24d8e>)
|     |     |____ [Chat](<https://darkened-date-9ab.notion.site/Chat-4ec83ba05bcb49aea197c68fdaa1e27d>)
|     |____ [ChatForm](<https://darkened-date-9ab.notion.site/ChatForm-40c8924c55a741d785e2d6296d0290c2>)
|
|____ [고객 정보(CustomerInfo)](<https://darkened-date-9ab.notion.site/3-CustomerInfo-62ab30e093f14fa1a6c18f7d01659ae5>)
      |____ [CustomerBasicInfo](<https://darkened-date-9ab.notion.site/CustomerBasicInfo-06045e399c034b16baf68d940522b410>)
      |____ [CustomerMemos](<https://darkened-date-9ab.notion.site/CustomerMemos-72286de0757b4015a4cf016e3a872b16>)
      |     |____ [Memo](<https://darkened-date-9ab.notion.site/CustomerMemo-5b75b0aace754669b2ff768f3516dfc0>)
      |____ [InquiryHistories](<https://darkened-date-9ab.notion.site/InquiryHistories-41aee0fd99ef4306b88bf4f06a009f25>)
            |____ [InquiryHistory](<https://darkened-date-9ab.notion.site/InquiryHistory-59721038ca07445290348da1e855e1a8>)

1. 상담 목록(InquiryBoard)

2. 고객상담(ChatRoom)

3. 고객정보(CustomerInfo)