親投稿機能 (#46) (#339)

Merge remote-tracking branch 'origin/main' into feature/046

#46

#46

#46

#46

#46

#46

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

frontend/src/components/PostEditForm.tsx

@@ -4,6 +4,7 @@ import PostFormTagsArea from '@/components/PostFormTagsArea'
 import PostOriginalCreatedTimeField from '@/components/PostOriginalCreatedTimeField'
 import Label from '@/components/common/Label'
 import { Button } from '@/components/ui/button'
+import { toast } from '@/components/ui/use-toast'
 import { apiPut } from '@/lib/api'
 
 import type { FC } from 'react'
@@ -35,20 +36,34 @@ export default (({ post, onSave }: Props) => {
       useState<string | null> (post.originalCreatedBefore)
   const [originalCreatedFrom, setOriginalCreatedFrom] =
       useState<string | null> (post.originalCreatedFrom)
-  const [title, setTitle] = useState (post.title)
+  const [parentPostIds, setParentPostIds] =
+      useState ((post.parentPosts ?? []).map (p => p.id).join (' '))
   const [tags, setTags] = useState<string> ('')
+  const [title, setTitle] = useState (post.title)
 
   const handleSubmit = async () => {
-    const data = await apiPut<Post> (
-	`/posts/${ post.id }`,
-	{ title, tags, original_created_from: originalCreatedFrom,
-	  original_created_before: originalCreatedBefore },
-	{ headers: { 'Content-Type': 'multipart/form-data' } })
-    onSave ({ ...post,
-	      title:                  data.title,
-	      tags:                   data.tags,
-	      originalCreatedFrom:    data.originalCreatedFrom,
-	      originalCreatedBefore:  data.originalCreatedBefore } as Post)
+    try
+    {
+      const data = await apiPut<Post> (
+	  `/posts/${ post.id }`,
+	  { title, tags, parent_post_ids: parentPostIds,
+	    original_created_from: originalCreatedFrom,
+	    original_created_before: originalCreatedBefore },
+	  { headers: { 'Content-Type': 'multipart/form-data' } })
+      onSave ({ ...post,
+		title:                  data.title,
+		tags:                   data.tags,
+		parentPosts:            data.parentPosts,
+		childPosts:             data.childPosts,
+		siblingPosts:           data.siblingPosts,
+		originalCreatedFrom:    data.originalCreatedFrom,
+		originalCreatedBefore:  data.originalCreatedBefore } as Post)
+      toast ({ description: '更新しました．' })
+    }
+    catch
+    {
+      toast ({ description: '更新はできなかったよ……' })
+    }
   }
 
   useEffect (() => {
@@ -66,6 +81,16 @@ export default (({ post, onSave }: Props) => {
 		 onChange={ev => setTitle (ev.target.value)}/>
 	</div>
 
+	{/* 親投稿 */}
+	<div>
+	  <Label>親投稿</Label>
+	  <input
+	      type="text"
+	      value={parentPostIds}
+	      onChange={e => setParentPostIds (e.target.value)}
+	      className="w-full border p-2 rounded"/>
+	</div>
+
 	{/* タグ */}
 	<PostFormTagsArea tags={tags} setTags={setTags}/>
 

frontend/src/components/PostList.tsx

@@ -3,6 +3,7 @@ import { useRef } from 'react'
 import { useLocation } from 'react-router-dom'
 
 import PrefetchLink from '@/components/PrefetchLink'
+import { cn } from '@/lib/utils'
 import { useSharedTransitionStore } from '@/stores/sharedTransitionStore'
 
 import type { FC, MouseEvent } from 'react'
@@ -39,8 +40,10 @@ export default (({ posts, onClick }: Props) => {
 		<motion.div
 		    ref={cardRef}
 		    layoutId={layoutId}
-		    className="w-full h-full overflow-hidden rounded-xl shadow
-			       transform-gpu will-change-transform"
+		    className={cn ('w-full h-full overflow-hidden rounded-xl shadow',
+				   'transform-gpu will-change-transform',
+				   (post.childPosts ?? []).length > 0 && 'outline-4 outline-green-500',
+				   (post.parentPosts ?? []).length > 0 && 'ring-4 ring-yellow-500')}
 		    whileHover={{ scale: 1.02 }}
 		    onLayoutAnimationStart={() => {
 		      if (!(cardRef.current))