- KT-NEGOWIZ /chat 을 현재 아키텍처(Vite·React Router·feature 구조)로 이식 - 사이드 ItemSection(+이미지 확대), 헤더 잔여시간, 채팅(메시지/템플릿/입력), 메뉴 섹션 - 메시지 템플릿: 협상 성공률·협상요약·투찰요약·재협상/재견적 폼 - zustand 스토어 + mock 데이터(정적 쇼케이스, 제출 시 로컬 append) - Next.js·KT 의존 제거(next/image·navigation, 로고·서비스명·연락처, 팝업 보류) - ChatPage 배선: ChatContainer / ItemSection / RemainingTime + auth SidebarFooter 재사용 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
23 lines
786 B
TypeScript
23 lines
786 B
TypeScript
import { interactive, cn } from '@/lib'
|
|
|
|
// 헬프데스크 (TODO: 이용가이드 팝업 연동, 연락처는 추후 설정값으로 교체)
|
|
export function Contact() {
|
|
return (
|
|
<div className="flex flex-col w-full pl-[24px] pb-[24px]">
|
|
<div className="flex flex-col w-full gap-2">
|
|
<div className="title-5 text-neutral-80">헬프 데스크</div>
|
|
<button
|
|
type="button"
|
|
className={cn('body-5 text-neutral-80 bg-neutral-40 rounded-[8px] px-[12px] py-[6px] w-fit', interactive)}
|
|
>
|
|
이용 가이드
|
|
</button>
|
|
<div className="flex flex-col gap-1">
|
|
<div className="body-5 text-neutral-60">-</div>
|
|
<div className="body-5 text-neutral-60">-</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|