#399

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

@@ -1,9 +1,9 @@
 import { Button } from '@/components/ui/button'
-import { cn, originalCreatedAtString } from '@/lib/utils'
-
+import PostThumbnailPreview from '@/components/posts/PostThumbnailPreview'
 import PostImportStatusBadge from '@/components/posts/import/PostImportStatusBadge'
-import ThumbnailPreview from '@/components/posts/import/ThumbnailPreview'
 import { displayPostImportStatus } from '@/components/posts/import/postImportRowStatus'
+import { canEditReviewRow } from '@/lib/postImportSession'
+import { cn, originalCreatedAtString } from '@/lib/utils'
 
 import type { FC } from 'react'
 
@@ -39,7 +39,7 @@ const PostImportRowSummary: FC<Props> = ({ row, onEdit, editDisabled }) => {
           <div className="space-y-1">
             <div className="text-sm font-medium">#{row.sourceRow}</div>
           </div>
-          <ThumbnailPreview
+          <PostThumbnailPreview
               url={String (row.attributes.thumbnailBase ?? '')}
               className="h-16 w-16"/>
           <div className="min-w-0 space-y-1">
@@ -69,7 +69,7 @@ const PostImportRowSummary: FC<Props> = ({ row, onEdit, editDisabled }) => {
                 type="button"
                 variant="outline"
                 onClick={onEdit}
-                disabled={row.importStatus === 'created' || editDisabled === true}>
+                disabled={!(canEditReviewRow (row)) || editDisabled === true}>
               編輯
             </Button>
           </div>
@@ -80,7 +80,7 @@ const PostImportRowSummary: FC<Props> = ({ row, onEdit, editDisabled }) => {
                 'space-y-3 rounded-lg border p-4 md:hidden',
                 'transition-shadow hover:shadow-sm')}>
           <div className="flex items-start gap-3">
-            <ThumbnailPreview
+            <PostThumbnailPreview
                 url={String (row.attributes.thumbnailBase ?? '')}
                 className="h-20 w-20 shrink-0"/>
             <div className="min-w-0 flex-1 space-y-2">
@@ -110,7 +110,7 @@ const PostImportRowSummary: FC<Props> = ({ row, onEdit, editDisabled }) => {
               type="button"
               variant="outline"
               onClick={onEdit}
-              disabled={row.importStatus === 'created' || editDisabled === true}>
+              disabled={!(canEditReviewRow (row)) || editDisabled === true}>
             編輯
           </Button>
         </div>