Skip to content

fix : UI 수정 요청사항 반영 #26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kangdy25 merged 1 commit into from
Feb 3, 2026
Merged

fix : UI 수정 요청사항 반영 #26

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions app/create/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -166,7 +166,7 @@ export default function Page() {
type="text"
value={meetingName}
onChange={(e) => setMeetingName(e.target.value)}
placeholder="플레이스 홀더"
placeholder="최대 20자 이내로 입력해주세요"
className="border-gray-2 placeholder:text-gray-3 w-full rounded border px-3 py-2 text-[15px] leading-[1.6] tracking-[0.144px] focus:outline-none"
/>
</div>
Expand Down Expand Up @@ -301,8 +301,8 @@ export default function Page() {
>
<Image src="/icon/minus.svg" alt="minus" width={20} height={20} />
</button>
<div className="text-gray-8 absolute top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center gap-0.5 text-[15px] leading-[1.6] tracking-[0.144px]">
<span>{participantCount}</span>
<div className={`absolute top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center gap-0.5 text-[15px] leading-[1.6] tracking-[0.144px] ${isParticipantUndecided ? 'text-gray-3' : 'text-gray-8'}`}>
<span>{participantCount}</span>
<span>명</span>
</div>
<button
Expand Down Expand Up @@ -346,10 +346,10 @@ export default function Page() {
<Image src="/icon/minus.svg" alt="minus" width={20} height={20} />
</button>
<div className="absolute top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center">
<span className="text-blue-5 text-[12px] leading-[1.334] tracking-[0.3024px]">
<span className={`text-[12px] leading-[1.334] tracking-[0.3024px] ${isDeadlineFlexible ? 'text-gray-3' : 'text-blue-5'}`}>
{getDeadlineDate()}
</span>
<div className="text-gray-8 flex items-center gap-0.5 text-[15px] leading-[1.6] tracking-[0.144px]">
<div className={`flex items-center gap-0.5 text-[15px] leading-[1.6] tracking-[0.144px] ${isDeadlineFlexible ? 'text-gray-3' : 'text-gray-8'}`}>
<span>{deadlineDays}</span>
<span>일</span>
</div>
Expand Down
23 changes: 16 additions & 7 deletions app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,15 +25,18 @@ const PAIN_POINTS = [
const FEATURES = [
{
title: '참석자별 이동시간 계산',
desc: '출발지에서 후보 장소까지 이동시간을 일일이 확인하기',
desc: '출발지에서 후보 장소까지 ',
desc2: '이동시간을 일일이 확인하기',
},
{
title: '적합한 위치 탐색',
desc: '위치가 중간인 것보다 중요한건 공평함인데!',
desc: '위치가 중간인 것보다 ',
desc2: '중요한건 공평함인데!',
},
{
title: '모임 목적에 맞는 공간은?',
desc: '장소만 중간이면 안돼. 먹을 것, 놀거리가 있어야 해!',
desc: '장소만 중간이면 안돼.',
desc2: '먹을 것, 놀거리가 있어야 해!',
},
];

Expand All @@ -53,15 +56,18 @@ const PainPointTooltip = ({ text }: { text: string }) => (
);

// 2. 반복되는 특징 카드 컴포넌트
const FeatureCard = ({ title, desc }: { title: string; desc: string }) => (
<div className="border-gray-2 flex h-[236px] w-full max-w-[247px] flex-col items-center justify-center gap-7.75 rounded-[20px] border-2 bg-white px-5 md:max-w-[247px] lg:max-w-[280px]">
const FeatureCard = ({ title, desc, desc2 }: { title: string; desc: string; desc2: string }) => (
<div className="border-gray-2 flex h-[236px] flex-col items-center justify-center gap-7.75 rounded-[20px] border-2 bg-white w-[247px] lg:w-[280px]">
<h3 className="text-gray-10 text-center text-[22px] leading-[1.364] font-semibold tracking-[-0.4268px]">
{title}
</h3>
<div className="flex flex-col items-center gap-0">
<p className="text-gray-9 text-center text-[16px] leading-[1.625] font-normal tracking-[0.0912px]">
{desc}
</p>
<p className="text-gray-9 text-center text-[16px] leading-[1.625] font-normal tracking-[0.0912px]">
{desc2}
</p>
</div>
</div>
);
Expand All @@ -76,7 +82,10 @@ const HeroSection = () => (
</h1>
<div className="mt-4 flex flex-col items-center">
<p className="text-gray-5 max-w-[240px] text-center text-[16px] leading-[1.364] font-semibold tracking-[-0.4268px] break-keep md:max-w-[530px] md:text-[22px]">
참석자들이 지하철 출발역을 입력하면, 이동시간과 편차를 분석해 서울 내 최적의 번화가를
참석자들이 지하철 출발역을 입력하면,
</p>
<p className="text-gray-5 max-w-[240px] text-center text-[16px] leading-[1.364] font-semibold tracking-[-0.4268px] break-keep md:max-w-[530px] md:text-[22px]">
이동시간과 편차를 분석해 서울 내 최적의 번화가를
추천합니다
</p>
</div>
Expand Down Expand Up @@ -153,7 +162,7 @@ const PainPointsSection = () => (
{/* Feature Cards */}
<div className="mb-[72px] flex flex-col items-center justify-center gap-2.5 px-5 md:flex-row md:px-0">
{FEATURES.map((feature, index) => (
<FeatureCard key={index} title={feature.title} desc={feature.desc} />
<FeatureCard key={index} title={feature.title} desc={feature.desc} desc2={feature.desc2} />
))}
</div>

Expand Down
9 changes: 5 additions & 4 deletions components/header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,10 @@

import Link from 'next/link';
import Image from 'next/image';
import { useOpenModal } from '@/hooks/useOpenModal';
// import { useOpenModal } from '@/hooks/useOpenModal';

const Header = () => {
const openModal = useOpenModal();
// const openModal = useOpenModal();

return (
<header className="border-gray-1 top-0 right-0 left-0 flex h-15 items-center justify-center border-b bg-white">
Expand All @@ -17,13 +17,14 @@ const Header = () => {
<Link href="/" className="text-gray-5 p-2 text-[16px]">
문의하기
</Link>
<button
{/* <button
type="button"
onClick={(e) => openModal('FEEDBACK', undefined, e)}
className="text-gray-5 p-2 text-[16px] transition-colors hover:text-gray-900"
>
피드백남기기
</button>
</button> */}
<button type="button" className=" p-2 text-[14px] font-semibold bg-blue-5 text-white rounded-[8px] w-25 cursor-pointer hover:bg-blue-8 transition-colors">모임 만들기</button>
Comment on lines +20 to +27
Copy link

@coderabbitai coderabbitai bot Feb 3, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major

"모임 만들기" 버튼이 동작하지 않음

현재 버튼에 이동 또는 onClick 로직이 없어 실제 기능을 수행하지 않습니다. 기존 헤더 내 CTA라면 /create로 이동하도록 Link로 교체하거나 onClick 핸들러를 추가하세요.

🔧 제안 수정 
-          <button type="button" className=" p-2 text-[14px] font-semibold bg-blue-5 text-white rounded-[8px] w-25 cursor-pointer hover:bg-blue-8 transition-colors">모임 만들기</button>
+          <Link
+            href="/create"
+            className="p-2 text-[14px] font-semibold bg-blue-5 text-white rounded-[8px] w-25 cursor-pointer hover:bg-blue-8 transition-colors"
+          >
+            모임 만들기
+          </Link>
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
{/* <button
type="button"
onClick={(e) => openModal('FEEDBACK', undefined, e)}
className="text-gray-5 p-2 text-[16px] transition-colors hover:text-gray-900"
>
피드백남기기
</button>
</button> */}
<button type="button" className=" p-2 text-[14px] font-semibold bg-blue-5 text-white rounded-[8px] w-25 cursor-pointer hover:bg-blue-8 transition-colors">모임 만들기</button>
{/* <button
type="button"
onClick={(e) => openModal('FEEDBACK', undefined, e)}
className="text-gray-5 p-2 text-[16px] transition-colors hover:text-gray-900"
>
피드백남기기
</button> */}
<Link
href="/create"
className="p-2 text-[14px] font-semibold bg-blue-5 text-white rounded-[8px] w-25 cursor-pointer hover:bg-blue-8 transition-colors"
>
모임 만들기
</Link>
🤖 Prompt for AI Agents 
In `@components/header.tsx` around lines 20 - 27, The "모임 만들기" button in Header
(the button element with className containing "bg-blue-5" and text "모임 만들기") has
no click behavior; replace it with a navigation action: either wrap it in
Next.js Link to "/create" (import Link from 'next/link' and use Link around the
button) or add an onClick that calls router.push('/create') (import and use
useRouter from 'next/router' or next/navigation as appropriate). Ensure you
update imports and remove the plain button if you use Link, or add the onClick
handler to the existing button so the header CTA actually navigates to /create.

</nav>
</div>
</header>
Expand Down
7 changes: 3 additions & 4 deletions public/icon/place/bar.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 3 additions & 4 deletions public/icon/place/cafe.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 4 additions & 12 deletions public/icon/place/play.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 8 additions & 9 deletions public/icon/place/rent.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 3 additions & 4 deletions public/icon/place/restaurant.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading