-
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.
- Loading branch information
Showing
65 changed files
with
1,122 additions
and
173 deletions.
There are no files selected for viewing
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,4 @@ | ||
{ | ||
"typescript.tsdk": "../../.yarn/cache/typescript-patch-b74a6ef84c-37f6e2c3c5.zip/node_modules/typescript/lib", | ||
"typescript.enablePromptUseWorkspaceTsdk": true | ||
} |
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
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,82 @@ | ||
"use client"; | ||
|
||
import { media } from "@chooz/ui/styles/media"; | ||
import CommentContainer from "components/detail/CommentContainer"; | ||
import DetailAB from "components/detail/DetailAB"; | ||
import FilterBar from "components/detail/FilterBar"; | ||
import VoteAnalyzeBar from "components/detail/VoteAnalyzeBar"; | ||
import VoteToolbar from "components/select/VoteToolbar"; | ||
import useOutSideClick from "hooks/useOutsideClick"; | ||
import useToggle from "hooks/useToggle"; | ||
import { Eximg1, Eximg2 } from "public/images"; | ||
import React, { useState } from "react"; | ||
import styled from "styled-components"; | ||
|
||
function DetailPage() { | ||
const [toggleDetail, onChangeToggleDetail] = useToggle(false); | ||
const [toggleMenu, onChangeToggleMenu] = useToggle(false); | ||
const { targetEl } = useOutSideClick<HTMLImageElement>(toggleMenu, onChangeToggleMenu); | ||
|
||
//데이터 | ||
const [select, setSelect] = useState<"A" | "B">("A"); | ||
return ( | ||
<PageWrapper> | ||
<PageInner> | ||
<VoteToolbar | ||
onChangeToggleDetail={onChangeToggleDetail} | ||
onChangeToggleMenu={onChangeToggleMenu} | ||
toggleMenu={toggleMenu} | ||
targetEl={targetEl} | ||
/> | ||
<DetailAB | ||
imageA={Eximg1} | ||
titleA="아이보리 트위드2" | ||
imageB={Eximg2} | ||
titleB="핑크 원피스" | ||
select={select} | ||
/> | ||
<FilterBar /> | ||
<VoteAnalyzeBar A={50} B={50} select={select} /> | ||
<VoteDetail> | ||
전남친이 오는 결혼식장에 하객으로 갑니다... | ||
<br /> 여러분의 혜안이 필요해요 | ||
<br /> | ||
<br /> | ||
<br /> | ||
근데 왼쪽이 5만원 더 비싸긴 합니다... | ||
</VoteDetail> | ||
<CommentContainer /> | ||
</PageInner> | ||
</PageWrapper> | ||
); | ||
} | ||
|
||
const PageWrapper = styled.div` | ||
position: relative; | ||
width: 100%; | ||
display: flex; | ||
justify-content: center; | ||
scrollbar-width: none; | ||
`; | ||
|
||
const PageInner = styled.div` | ||
position: relative; | ||
margin: 0 auto; | ||
border-radius: 4px; | ||
background-color: ${({ theme }) => theme.palette.background.white}; | ||
max-width: 640px; | ||
width: 100%; | ||
position: relative; | ||
padding: 30px; | ||
z-index: 1000; | ||
${media.medium} { | ||
padding: 40px; | ||
} | ||
`; | ||
|
||
const VoteDetail = styled.div` | ||
${({ theme }) => theme.fontSize.xSmall}; | ||
padding-bottom: 36px; | ||
`; | ||
|
||
export default DetailPage; |
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
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
Oops, something went wrong.
b9ed2b3
There was a problem hiding this comment.
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-web – ./
client-web-chooz.vercel.app
chooz.co.kr
client-web-git-main-chooz.vercel.app