#399

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

@@ -3,7 +3,8 @@ import { cn } from '@/lib/utils'
 
 import PostImportStatusBadge from '@/components/posts/import/PostImportStatusBadge'
 import ThumbnailPreview from '@/components/posts/import/ThumbnailPreview'
-import { displayPostImportStatus } from '@/components/posts/import/postImportRowStatus'
+import { effectivePostImportStatus } from '@/components/posts/import/postImportRowStatus'
+import { importPanelToneForRow } from '@/components/posts/import/postImportTone'
 
 import type { FC } from 'react'
 
@@ -13,25 +14,6 @@ type Props = {
     row:     PostImportRow
     onEdit:  () => void }
 
-const toneClass = (row: PostImportRow): string[] => {
-    const value = displayPostImportStatus (row)
-    switch (value)
-      {
-      case 'skipped':
-	return [
-	    'border-stone-200 bg-stone-50',
-	    'dark:border-stone-800 dark:bg-stone-900/60']
-      case 'warning':
-	return [
-	    'border-amber-200 bg-amber-50',
-	    'dark:border-amber-900 dark:bg-amber-950/30']
-      default:
-	return [
-	    'border-border bg-white',
-	    'dark:border-neutral-700 dark:bg-neutral-900']
-      }
-}
-
 const summaryError = (row: PostImportRow): string | null => {
     const validation = Object.values (row.validationErrors ?? { }).flat ()[0]
     if (validation)
@@ -54,7 +36,7 @@ const summaryDate = (row: PostImportRow): string =>
 const PostImportRowSummary: FC<Props> = ({ row, onEdit }) => {
     const error = summaryError (row)
     const warning = error == null ? summaryWarning (row) : null
-    const displayStatus = displayPostImportStatus (row)
+    const displayStatus = effectivePostImportStatus (row)
 
     return (
 	<>
@@ -62,7 +44,7 @@ const PostImportRowSummary: FC<Props> = ({ row, onEdit }) => {
 	      className={cn (
 		  'hidden items-center gap-4 rounded-lg border p-4 md:grid',
 		  'md:grid-cols-[4rem_5rem_minmax(0,1fr)_auto_auto]',
-		  toneClass (row),
+		  importPanelToneForRow (row),
 		  'transition-shadow hover:shadow-sm',
 	      )}>
 	    <div className="space-y-1">
@@ -111,7 +93,7 @@ const PostImportRowSummary: FC<Props> = ({ row, onEdit }) => {
 	  <div
 	      className={cn (
 		  'space-y-3 rounded-lg border p-4 md:hidden',
-		  toneClass (row),
+		  importPanelToneForRow (row),
 	      )}>
 	    <div className="flex items-start gap-3">
 	      <ThumbnailPreview