From 2d59536fc15d7d4e54c79d15817132321ef8e7ec Mon Sep 17 00:00:00 2001 From: amd123 Date: Wed, 10 Jan 2024 20:07:12 +0700 Subject: [PATCH] update --- app/campaign/detail/[id]/page.tsx | 12 + app/headline/detail/[id]/page.tsx | 12 + app/report/layout.tsx | 13 + app/report/page.tsx | 8 + components/form/form-report.tsx | 100 ++++++ components/landing/campaign.tsx | 224 +++++++++---- components/landing/headline.tsx | 472 ++++++++++++++++++++++------ components/landing/visi-misi.tsx | 41 +-- components/page/detail-campaign.tsx | 38 +++ components/page/similar-news.tsx | 62 ++++ config/site.ts | 4 +- package-lock.json | 98 +++++- package.json | 8 +- public/detil1.png | Bin 0 -> 750800 bytes 14 files changed, 888 insertions(+), 204 deletions(-) create mode 100644 app/campaign/detail/[id]/page.tsx create mode 100644 app/headline/detail/[id]/page.tsx create mode 100644 app/report/layout.tsx create mode 100644 app/report/page.tsx create mode 100644 components/form/form-report.tsx create mode 100644 components/page/detail-campaign.tsx create mode 100644 components/page/similar-news.tsx create mode 100644 public/detil1.png diff --git a/app/campaign/detail/[id]/page.tsx b/app/campaign/detail/[id]/page.tsx new file mode 100644 index 0000000..1b28c32 --- /dev/null +++ b/app/campaign/detail/[id]/page.tsx @@ -0,0 +1,12 @@ +import DetailCampaign from '@/components/page/detail-campaign' +import SimilarNews from '@/components/page/similar-news' +import React from 'react' + +export default function DetailPage() { + return ( +
+ + +
+ ) +} diff --git a/app/headline/detail/[id]/page.tsx b/app/headline/detail/[id]/page.tsx new file mode 100644 index 0000000..a4d9aa5 --- /dev/null +++ b/app/headline/detail/[id]/page.tsx @@ -0,0 +1,12 @@ +import DetailCampaign from '@/components/page/detail-campaign' +import SimilarNews from '@/components/page/similar-news' +import React from 'react' + +export default function HeadlineDetail() { + return ( + <> + + + + ) +} diff --git a/app/report/layout.tsx b/app/report/layout.tsx new file mode 100644 index 0000000..a2a42bd --- /dev/null +++ b/app/report/layout.tsx @@ -0,0 +1,13 @@ +export default function ReportLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( +
+
+ {children} +
+
+ ); +} diff --git a/app/report/page.tsx b/app/report/page.tsx new file mode 100644 index 0000000..ca8f986 --- /dev/null +++ b/app/report/page.tsx @@ -0,0 +1,8 @@ +import FormReport from '@/components/form/form-report' +import React from 'react' + +export default function ReportPage() { + return ( + + ) +} diff --git a/components/form/form-report.tsx b/components/form/form-report.tsx new file mode 100644 index 0000000..762cfa5 --- /dev/null +++ b/components/form/form-report.tsx @@ -0,0 +1,100 @@ +'use client' +import { Button } from '@nextui-org/button'; +import { Textarea } from '@nextui-org/input'; +import { useState } from 'react'; + +export default function FormReport() { + + const [formData, setFormData] = useState({ + date: '', + location: '', + attachment: '', + complaint: '', + complaintLink: '', + voiceNote: '', + }); + + const handleChange = (e: any) => { + const { name, value } = e.target; + setFormData((prevData) => ({ + ...prevData, + [name]: value, + })); + } + + const handleDateChange = (e: any) => { + const { value } = e.target; + setFormData((prevData) => ({ + ...prevData, + date: value, + })); + }; + + const handleSubmit = () => { + // Lakukan apa pun yang diperlukan dengan data formulir + console.log('Data formulir yang dikirim:', formData); + console.log('Tanggal yang dipilih:', formData.date); + // Contoh: Kirim data ke server atau lakukan tindakan lainnya + }; + + return ( +
+
+

Lapor Pelanggan Pemilu

+

Portal Laporan Pengaduan Online Pelanggaran Pemilu

+
+
+
+

Tanggal

+ +
+ {/*
+

Lokasi Kejadian

+
*/} +
+

Lampiran Aduan

+ +
+
+

Isi Aduan

+