diff --git a/src/components/inquiry/InquiryDetail.tsx b/src/components/inquiry/InquiryDetail.tsx
deleted file mode 100644
index b153f35..0000000
--- a/src/components/inquiry/InquiryDetail.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-'use client'
-
-import { useParams } from 'next/navigation'
-
-const inquiryDummyData = {
- writer: {
- name: 'writer',
- email: 'writer@example.com',
- },
- title: 'title',
- content: 'content',
- files: ['file1.jpg', 'file2.jpg', 'file3.jpg'],
- createdAt: '2021-01-01',
- answer: {
- writer: '佐藤一貴',
- content:
- '一次側接続は、自動切替開閉器と住宅分電盤主幹ブレーカの間に蓄電システムブレーカを配線する方法です。\n二次側接続は、住宅分電盤主幹ブレ―カの二次側に蓄電システムブレーカを接続する',
- createdAt: '2021-01-01 12:00:00',
- files: ['file4.jpg', 'file5.jpg', 'file6.jpg'],
- },
-}
-
-export default function InquiryDetail() {
- const params = useParams()
- const id = params.id
- return (
-
-
InquiryDetail
-
{id}
-
-
-
writer
-
{inquiryDummyData.writer.name}
-
-
-
email
-
{inquiryDummyData.writer.email}
-
-
-
title
-
{inquiryDummyData.title}
-
-
-
content
-
{inquiryDummyData.content}
-
-
-
files
-
- {inquiryDummyData.files.map((file) => (
- {file}
- ))}
-
-
- {inquiryDummyData.answer && (
-
-
Reply: Hanwha Japan
-
-
{inquiryDummyData.answer.writer}
-
{inquiryDummyData.answer.createdAt}
-
{inquiryDummyData.answer.content}
-
- {inquiryDummyData.answer.files.map((file) => (
- {file}
- ))}
-
-
-
- )}
-
-
- )
-}
diff --git a/src/components/inquiry/InquiryFilter.tsx b/src/components/inquiry/InquiryFilter.tsx
deleted file mode 100644
index c3911a2..0000000
--- a/src/components/inquiry/InquiryFilter.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-'use client'
-
-import { Search } from 'lucide-react'
-import { useRouter } from 'next/navigation'
-
-
-export default function InquiryFilter({ handleSearch }: { handleSearch: (e: React.ChangeEvent) => void }) {
- const router = useRouter()
- return (
-
-
-
-
-
-
-
- )
-}
diff --git a/src/components/inquiry/InquiryItems.tsx b/src/components/inquiry/InquiryItems.tsx
deleted file mode 100644
index bc38ad6..0000000
--- a/src/components/inquiry/InquiryItems.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-'use client'
-
-import { useRouter } from 'next/navigation'
-
-export default function InquiryItems({ inquiryData }: { inquiryData: any }) {
- const router = useRouter()
- return (
-
- {inquiryData.map((item: any) => (
-
router.push(`/inquiry/${item.id}`)}>
-
{item.title}
-
{item.content}
-
{item.createdAt}
-
{item.writer}
-
{item.category}
- {item.file &&
{item.file}
}
-
- ))}
-
- )
-}
diff --git a/src/components/inquiry/InquiryList.tsx b/src/components/inquiry/InquiryList.tsx
deleted file mode 100644
index f65478b..0000000
--- a/src/components/inquiry/InquiryList.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-'use client'
-import { useState } from 'react'
-import InquiryItems from './InquiryItems'
-import InquiryFilter from './InquiryFilter'
-import LoadMoreButton from '../LoadMoreButton'
-
-const inquiryDummyData = [
- {
- id: 1,
- title: 'post',
- content: 'content',
- file: 'file.png',
- createdAt: '2024-01-01',
- writer: 'writer',
- category: 'A',
- },
- {
- id: 2,
- title: 'post',
- content: 'content',
- file: 'file.png',
- createdAt: '2024-01-01',
- writer: 'writer1',
- category: 'B',
- },
- {
- id: 3,
- title: 'post',
- content: 'content',
- file: null,
- createdAt: '2024-01-01',
- writer: 'writer1',
- category: 'C',
- },
- {
- id: 4,
- title: 'post',
- content: 'content',
- file: null,
- createdAt: '2024-01-01',
- writer: 'writer1',
- category: 'A',
- },
- {
- id: 5,
- title: 'post',
- content: 'content',
- file: null,
- createdAt: '2024-01-01',
- writer: 'writer1',
- category: 'B',
- },
- {
- id: 6,
- title: 'post',
- content: 'content',
- file: null,
- createdAt: '2024-01-01',
- writer: 'writer1',
- category: 'C',
- },
- {
- id: 7,
- title: 'post',
- content: 'content',
- file: 'file.png',
- createdAt: '2024-01-01',
- writer: 'writer',
- category: 'A',
- },
- {
- id: 8,
- title: 'post',
- content: 'content',
- file: 'file.png',
- createdAt: '2024-01-01',
- writer: 'writer1',
- category: 'B',
- },
- {
- id: 9,
- title: 'post',
- content: 'content',
- file: null,
- createdAt: '2024-01-01',
- writer: 'writer1',
- category: 'C',
- },
-
- {
- id: 10,
- title: 'post',
- content: 'content',
- file: 'file.png',
- createdAt: '2024-01-01',
- writer: 'writer1',
- category: 'A',
- },
- {
- id: 11,
- title: 'post',
- content: 'content',
- file: 'file.png',
- createdAt: '2024-01-01',
- writer: 'writer',
- category: 'B',
- },
- {
- id: 12,
- title: 'post',
- content: 'content',
- file: null,
- createdAt: '2024-01-01',
- writer: 'writer1',
- category: 'C',
- },
-]
-
-export default function InquiryList() {
- const [visibleItems, setVisibleItems] = useState(5)
- const [isMyPostsOnly, setIsMyPostsOnly] = useState(false)
- const [category, setCategory] = useState('')
- const [search, setSearch] = useState('')
- const [hasMore, setHasMore] = useState(inquiryDummyData.length > 5)
-
- const inquriyData = () => {
- if (isMyPostsOnly) {
- return inquiryDummyData.filter((item) => item.writer === 'writer')
- }
- if (category.trim().length > 0) {
- return inquiryDummyData.filter((item) => item.category === category)
- }
- if (search.trim().length > 0) {
- return inquiryDummyData.filter((item) => item.title.includes(search))
- }
- return inquiryDummyData
- }
-
- const handleLoadMore = () => {
- const newVisibleItems = Math.min(visibleItems + 5, inquriyData().length)
- setVisibleItems(newVisibleItems)
- setHasMore(newVisibleItems < inquriyData().length)
- }
-
- const handleSearch = (e: React.ChangeEvent) => {
- setSearch(e.target.value)
- }
-
- const handleScrollToTop = () => {
- window.scrollTo({ top: 0, behavior: 'smooth' })
- }
-
- return (
-
-
-
- setIsMyPostsOnly(e.target.checked)} />
-
-
-
-
total {inquriyData().length}
-
-
-
- )
-}
diff --git a/src/components/inquiry/InquiryWriteForm.tsx b/src/components/inquiry/InquiryWriteForm.tsx
deleted file mode 100644
index 868f3da..0000000
--- a/src/components/inquiry/InquiryWriteForm.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { useRouter } from 'next/navigation'
-
-export interface InquiryFormData {
- category: string
- title: string
- content: string
- file: File[]
-}
-
-export default function InquiryWriteForm() {
- const router = useRouter()
- const [formData, setFormData] = useState({
- category: 'A',
- title: '',
- content: '',
- file: [],
- })
-
- const handleFileChange = (e: React.ChangeEvent) => {
- const file = Array.from(e.target.files || [])
- setFormData({ ...formData, file: [...formData.file, ...file] })
- }
- const handleSubmit = () => {
- console.log('submit: ', formData)
- // router.push(`/inquiry`)
- }
-
- return (
-
-
-
-
-
-
-
- setFormData({ ...formData, title: e.target.value })} />
-
-
-
-
-
-
-
-
-
file count: {formData.file.length}
- {formData.file.map((f) => (
-
-
{f.name}
-
-
-
-
- ))}
-
-
-
-
- )
-}