#399

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

@@ -3,7 +3,7 @@ import { cn } from '@/lib/utils'
 
 import PostImportStatusBadge from '@/components/posts/import/PostImportStatusBadge'
 import ThumbnailPreview from '@/components/posts/import/ThumbnailPreview'
-import { effectivePostImportStatus } from '@/components/posts/import/postImportRowStatus'
+import { displayPostImportStatus } from '@/components/posts/import/postImportRowStatus'
 import { importPanelToneForRow } from '@/components/posts/import/postImportTone'
 
 import type { FC } from 'react'
@@ -14,14 +14,6 @@ type Props = {
     row:     PostImportRow
     onEdit:  () => void }
 
-const summaryError = (row: PostImportRow): string | null => {
-    const validation = Object.values (row.validationErrors ?? { }).flat ()[0]
-    if (validation)
-      return validation
-
-    return Object.values (row.importErrors ?? { }).flat ()[0] ?? null
-}
-
 const summaryWarning = (row: PostImportRow): string | null =>
     Object.values (row.fieldWarnings ?? { }).flat ()[0]
     ?? row.baseWarnings?.[0]
@@ -34,9 +26,8 @@ const summaryDate = (row: PostImportRow): string =>
 
 
 const PostImportRowSummary: FC<Props> = ({ row, onEdit }) => {
-    const error = summaryError (row)
-    const warning = error == null ? summaryWarning (row) : null
-    const displayStatus = effectivePostImportStatus (row)
+    const warning = summaryWarning (row)
+    const displayStatus = displayPostImportStatus (row)
 
     return (
 	<>
@@ -71,13 +62,9 @@ const PostImportRowSummary: FC<Props> = ({ row, onEdit }) => {
 		  <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={displayStatus}/>
+	      {displayStatus != null && <PostImportStatusBadge value={displayStatus}/>}
 	    </div>
 	    <div className="flex justify-end">
 	      <Button
@@ -107,12 +94,8 @@ const PostImportRowSummary: FC<Props> = ({ row, onEdit }) => {
 		  {row.url}
 		</div>
 		<div className="flex flex-wrap gap-2">
-		  <PostImportStatusBadge value={displayStatus}/>
+		  {displayStatus != null && <PostImportStatusBadge value={displayStatus}/>}
 		</div>
-		{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}