#399

frontend/src/components/posts/import/PostImportRowSummary.tsx

@@ -1,6 +1,7 @@
 import { Button } from '@/components/ui/button'
 import { cn } from '@/lib/utils'
 
+import PrefetchLink from '@/components/PrefetchLink'
 import PostImportStatusBadge from '@/components/posts/import/PostImportStatusBadge'
 import ThumbnailPreview from '@/components/posts/import/ThumbnailPreview'
 
@@ -48,6 +49,11 @@ const summaryError = (row: PostImportRow): string | null => {
     return Object.values (row.importErrors ?? { }).flat ()[0] ?? null
 }
 
+const summaryWarning = (row: PostImportRow): string | null =>
+    Object.values (row.fieldWarnings ?? { }).flat ()[0]
+    ?? row.baseWarnings?.[0]
+    ?? null
+
 const summaryDate = (row: PostImportRow): string =>
     [row.attributes.originalCreatedFrom, row.attributes.originalCreatedBefore]
 	.filter (_1 => typeof _1 === 'string' && _1 !== '')
@@ -56,6 +62,7 @@ const summaryDate = (row: PostImportRow): string =>
 
 const PostImportRowSummary: FC<Props> = ({ row, onEdit }) => {
     const error = summaryError (row)
+    const warning = error == null ? summaryWarning (row) : null
     const importStatus = row.importStatus ?? 'pending'
 
     return (
@@ -89,6 +96,21 @@ const PostImportRowSummary: FC<Props> = ({ row, onEdit }) => {
 		{summaryDate (row) || '日時未取得'}
 		{row.attributes.duration ? ` / ${ row.attributes.duration }` : ''}
 	      </div>
+	      {row.createdPostId && (
+		  <PrefetchLink
+		      to={`/posts/${ row.createdPostId }`}
+		      className="inline-block text-xs text-sky-700 underline
+				 dark:text-sky-300">
+		    投稿 #{row.createdPostId}
+		  </PrefetchLink>)}
+	      {warning && (
+		  <div className="text-xs text-amber-700 dark:text-amber-200">
+		    {warning}
+		  </div>)}
+	      {error && (
+		  <div className="text-xs text-red-700 dark:text-red-200">
+		    {error}
+		  </div>)}
 	    </div>
 	    <div className="space-y-1">
 	      <PostImportStatusBadge value={importStatus}/>
@@ -96,7 +118,7 @@ const PostImportRowSummary: FC<Props> = ({ row, onEdit }) => {
 	    <div className="space-y-1">
 	      {error
 	       ? <PostImportStatusBadge value="error"/>
-	       : <PostImportStatusBadge value="ready"/>}
+	       : (warning ? <PostImportStatusBadge value="warning"/> : <PostImportStatusBadge value="ready"/>)}
 	    </div>
 	    <div className="flex justify-end">
 	      <Button
@@ -128,11 +150,23 @@ const PostImportRowSummary: FC<Props> = ({ row, onEdit }) => {
 		<div className="flex flex-wrap gap-2">
 		  <PostImportStatusBadge value={row.status}/>
 		  <PostImportStatusBadge value={importStatus}/>
+		  {warning && <PostImportStatusBadge value="warning"/>}
 		</div>
+		{row.createdPostId && (
+		    <PrefetchLink
+			to={`/posts/${ row.createdPostId }`}
+			className="inline-block text-xs text-sky-700 underline
+				   dark:text-sky-300">
+		      投稿 #{row.createdPostId}
+		    </PrefetchLink>)}
 		{error && (
 		    <div className="text-xs text-red-700 dark:text-red-200">
 		      {error}
 		    </div>)}
+		{warning && (
+		    <div className="text-xs text-amber-700 dark:text-amber-200">
+		      {warning}
+		    </div>)}
 	      </div>
 	    </div>
 	    <Button