[V0_FILE]typescriptreact:file="app/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" "use client" import { useState } from "react" import { useRouter } from "next/navigation" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" export default function LoginPage() { const [username, setUsername] = useState("") const [password, setPassword] = useState("") const router = useRouter() const handleLogin = (e: React.FormEvent) => { e.preventDefault() // 여기에 실제 로그인 로직을 구현합니다. console.log("로그인 시도:", username, password) // 로그인 성공 가정 router.push("/notices") } return (

점주 서비스 로그인

) } [V0_FILE]typescriptreact:file="app/notices/page.tsx" "use client" import { useRouter } from "next/navigation" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" const notices = [ { id: 1, title: "2월 영업 시간 변경 안내", date: "2024-02-01" }, { id: 2, title: "신메뉴 출시 안내", date: "2024-02-03" }, { id: 3, title: "직원 모집 공고", date: "2024-02-05" }, ] export default function NoticesPage() { const router = useRouter() return (

공지사항

{notices.map((notice) => ( router.push(`/notices/${notice.id}`)}> {notice.title}

{notice.date}

))}

) } [V0_FILE]typescriptreact:file="app/notices/[id]/page.tsx" "use client" import { useRouter } from "next/navigation" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" const notices = { 1: { id: 1, title: "2월 영업 시간 변경 안내", content: "2월부터 영업 시간이 오전 9시부터 오후 10시로 변경됩니다.", date: "2024-02-01", }, 2: { id: 2, title: "신메뉴 출시 안내", content: '새로운 메뉴 "스페셜 버거"가 출시되었습니다. 많은 관심 부탁드립니다.', date: "2024-02-03", }, 3: { id: 3, title: "직원 모집 공고", content: "주방 보조 직원을 모집합니다. 관심 있으신 분들은 매장으로 연락 주세요.", date: "2024-02-05", }, } export default function NoticeDetailPage({ params }: { params: { id: string } }) { const router = useRouter() const notice = notices[params.id as keyof typeof notices] return (

{notice.title}

{notice.content}

{notice.date}

) } [V0_FILE]typescriptreact:file="app/votes/page.tsx" "use client" import { useRouter } from "next/navigation" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" const votes = [ { id: 1, title: "다음 달 회식 장소 선정", endDate: "2024-02-15" }, { id: 2, title: "여름 유니폼 디자인 선택", endDate: "2024-02-20" }, { id: 3, title: "신메뉴 아이디어 제안", endDate: "2024-02-28" }, ] export default function VotesPage() { const router = useRouter() return (

투표

{votes.map((vote) => ( router.push(`/votes/${vote.id}`)}> {vote.title}

마감일: {vote.endDate}

))}

) } [V0_FILE]typescriptreact:file="app/votes/[id]/page.tsx" "use client" import { useState } from "react" import { useRouter } from "next/navigation" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" const votes = { 1: { id: 1, title: "다음 달 회식 장소 선정", options: ["한식당", "일식당", "중식당", "기타"], type: "radio", endDate: "2024-02-15", }, 2: { id: 2, title: "여름 유니폼 디자인 선택", options: ["A 디자인", "B 디자인", "C 디자인"], type: "radio", endDate: "2024-02-20", }, 3: { id: 3, title: "신메뉴 아이디어 제안", type: "text", endDate: "2024-02-28", }, } export default function VoteDetailPage({ params }: { params: { id: string } }) { const router = useRouter() const vote = votes[params.id as keyof typeof votes] const [selectedOption, setSelectedOption] = useState("") const [textInput, setTextInput] = useState("") const handleSubmit = () => { // 여기에 실제 투표 제출 로직을 구현합니다. console.log("투표 제출:", vote.id, selectedOption || textInput) alert("투표가 제출되었습니다.") router.push("/votes") } return (

{vote.title} {vote.type === "radio" && ( {vote.options.map((option) => (

{option}

))} )} {vote.type === "text" && (

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This