みてるぞ
7b15cb2c5a
#99 #99 #99 #99 #99 #99 #99 #99 #99 #99 Co-authored-by: miteruzo <miteruzo@naver.com> Reviewed-on: #303
50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
import { useState } from 'react'
|
|
import { Helmet } from 'react-helmet-async'
|
|
|
|
import Label from '@/components/common/Label'
|
|
import PageTitle from '@/components/common/PageTitle'
|
|
import TagInput from '@/components/common/TagInput'
|
|
import MainArea from '@/components/layout/MainArea'
|
|
import { SITE_TITLE } from '@/config'
|
|
|
|
import type { FC, FormEvent } from 'react'
|
|
|
|
|
|
export default (() => {
|
|
const [tagName, setTagName] = useState ('')
|
|
const [parentTagName, setParentTagName] = useState ('')
|
|
|
|
const handleSearch = (e: FormEvent) => {
|
|
e.preventDefault ()
|
|
}
|
|
|
|
return (
|
|
<MainArea>
|
|
<Helmet>
|
|
<title>素材集 | {SITE_TITLE}</title>
|
|
</Helmet>
|
|
|
|
<div className="max-w-xl">
|
|
<PageTitle>素材集</PageTitle>
|
|
|
|
<form onSubmit={handleSearch} className="space-y-2">
|
|
{/* タグ */}
|
|
<div>
|
|
<Label>タグ</Label>
|
|
<TagInput
|
|
value={tagName}
|
|
setValue={setTagName}/>
|
|
</div>
|
|
|
|
{/* 親タグ */}
|
|
<div>
|
|
<Label>親タグ</Label>
|
|
<TagInput
|
|
value={parentTagName}
|
|
setValue={setParentTagName}/>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</MainArea>)
|
|
}) satisfies FC
|