#399

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

@@ -3,6 +3,7 @@ import { Button } from '@/components/ui/button'
 import PostImportThumbnailPreview from '@/components/posts/import/PostImportThumbnailPreview'
 import PostImportStatusBadge from '@/components/posts/import/PostImportStatusBadge'
 import { displayPostImportStatus } from '@/components/posts/import/postImportRowStatus'
+import { hasVideoTag } from '@/lib/postImportSession'
 import { canEditReviewRow, canRetryResultRow } from '@/lib/postImportSession'
 import { cn, originalCreatedAtString } from '@/lib/utils'
 
@@ -54,6 +55,8 @@ const PostImportRowSummary: FC<Props> = (
   const retryAllowed = onRetry != null && canRetryResultRow (row)
   const skipChecked = row.skipReason === 'manual'
   const rowNumber = displayNumber ?? row.sourceRow
+  const duration = String (row.attributes.duration ?? '')
+  const showDuration = hasVideoTag (row.attributes.tags) && duration !== ''
   const skipControl = showSkipToggle
       ? (
 	  <label className="flex items-center gap-2 text-sm">
@@ -78,10 +81,11 @@ const PostImportRowSummary: FC<Props> = (
           </div>
           <PostImportThumbnailPreview
               url={String (row.attributes.thumbnailBase ?? '')}
+              file={row.thumbnailFile}
               className="h-16 w-16"/>
           <div className="min-w-0 space-y-1">
             <div className="line-clamp-2 text-sm font-medium">
-              {String (row.attributes.title ?? '') || '（タイトル未取得）'}
+              {String (row.attributes.title ?? '')}
             </div>
             <div className="truncate text-xs text-neutral-600 dark:text-neutral-300">
               {row.url}
@@ -93,6 +97,10 @@ const PostImportRowSummary: FC<Props> = (
             <div className="text-xs text-neutral-500 dark:text-neutral-400">
               {summaryDate (row)}
             </div>
+            {showDuration && (
+                <div className="text-xs text-neutral-500 dark:text-neutral-400">
+                  動画時間 {duration}
+                </div>)}
             {warning && (
                 <div className="text-xs text-amber-700 dark:text-amber-200">
                   {warning}
@@ -133,10 +141,11 @@ const PostImportRowSummary: FC<Props> = (
           <div className="flex items-start gap-3">
             <PostImportThumbnailPreview
                 url={String (row.attributes.thumbnailBase ?? '')}
+                file={row.thumbnailFile}
                 className="h-20 w-20 shrink-0"/>
             <div className="min-w-0 flex-1 space-y-2">
               <div className="line-clamp-2 text-sm font-medium">
-                {String (row.attributes.title ?? '') || '（タイトル未取得）'}
+                {String (row.attributes.title ?? '')}
               </div>
               <div className="truncate text-xs text-neutral-600 dark:text-neutral-300">
                 {row.url}
@@ -151,6 +160,10 @@ const PostImportRowSummary: FC<Props> = (
               <div className="text-xs text-neutral-500 dark:text-neutral-400">
                 {summaryDate (row)}
               </div>
+              {showDuration && (
+                  <div className="text-xs text-neutral-500 dark:text-neutral-400">
+                    動画時間 {duration}
+                  </div>)}
               {warning && (
                   <div className="text-xs text-amber-700 dark:text-amber-200">
                     {warning}