feat: オリジナルの作成日時追加（ #101 ） (#117)

#101 オリジナルの作成日時（より前）の自動設定

#101 余白追加

#101 余白追加

#101 オリジナルの作成日時，フォームにフィールド追加

#101 マイグレとコントローラ

Co-authored-by: miteruzo <miteruzo@naver.com>
Reviewed-on: #117

frontend/src/pages/posts/PostNewPage.tsx

@@ -4,6 +4,7 @@ import { Helmet } from 'react-helmet-async'
 import { useNavigate } from 'react-router-dom'
 
 import PostFormTagsArea from '@/components/PostFormTagsArea'
+import PostOriginalCreatedTimeField from '@/components/PostOriginalCreatedTimeField'
 import Form from '@/components/common/Form'
 import Label from '@/components/common/Label'
 import PageTitle from '@/components/common/PageTitle'
@@ -26,15 +27,17 @@ export default (({ user }: Props) => {
 
   const navigate = useNavigate ()
 
+  const [originalCreatedBefore, setOriginalCreatedBefore] = useState<string | null> (null)
+  const [originalCreatedFrom, setOriginalCreatedFrom] = useState<string | null> (null)
+  const [tags, setTags] = useState ('')
+  const [thumbnailAutoFlg, setThumbnailAutoFlg] = useState (true)
+  const [thumbnailFile, setThumbnailFile] = useState<File | null> (null)
+  const [thumbnailLoading, setThumbnailLoading] = useState (false)
+  const [thumbnailPreview, setThumbnailPreview] = useState<string> ('')
   const [title, setTitle] = useState ('')
   const [titleAutoFlg, setTitleAutoFlg] = useState (true)
   const [titleLoading, setTitleLoading] = useState (false)
   const [url, setURL] = useState ('')
-  const [thumbnailFile, setThumbnailFile] = useState<File | null> (null)
-  const [thumbnailPreview, setThumbnailPreview] = useState<string> ('')
-  const [thumbnailAutoFlg, setThumbnailAutoFlg] = useState (true)
-  const [thumbnailLoading, setThumbnailLoading] = useState (false)
-  const [tags, setTags] = useState ('')
 
   const previousURLRef = useRef ('')
 
@@ -45,6 +48,10 @@ export default (({ user }: Props) => {
     formData.append ('tags', tags)
     if (thumbnailFile)
       formData.append ('thumbnail', thumbnailFile)
+    if (originalCreatedFrom)
+      formData.append ('original_created_from', originalCreatedFrom)
+    if (originalCreatedBefore)
+      formData.append ('original_created_before', originalCreatedBefore)
 
     try
     {
@@ -122,7 +129,7 @@ export default (({ user }: Props) => {
 	  {/* URL */}
 	  <div>
 	    <Label>URL</Label>
-	    <input type="text"
+	    <input type="url"
 		   placeholder="例：https://www.nicovideo.jp/watch/..."
 		   value={url}
 		   onChange={e => setURL (e.target.value)}
@@ -181,6 +188,13 @@ export default (({ user }: Props) => {
 	  {/* タグ */}
 	  <PostFormTagsArea tags={tags} setTags={setTags}/>
 
+	  {/* オリジナルの作成日時 */}
+	  <PostOriginalCreatedTimeField
+	      originalCreatedFrom={originalCreatedFrom}
+	      setOriginalCreatedFrom={setOriginalCreatedFrom}
+	      originalCreatedBefore={originalCreatedBefore}
+	      setOriginalCreatedBefore={setOriginalCreatedBefore}/>
+
 	  {/* 送信 */}
 	  <Button onClick={handleSubmit}
 		  className="px-4 py-2 bg-blue-600 text-white rounded disabled:bg-gray-400"