#399

frontend/src/pages/posts/PostImportResultPage.tsx

@@ -9,8 +9,6 @@ import PrefetchLink from '@/components/PrefetchLink'
 import MainArea from '@/components/layout/MainArea'
 import PostImportStatusBadge from '@/components/posts/import/PostImportStatusBadge'
 import { displayPostImportStatus } from '@/components/posts/import/postImportRowStatus'
-import { importPanelToneClass } from '@/components/posts/import/postImportTone'
-import PostImportSummaryChip from '@/components/posts/import/PostImportSummaryChip'
 import { Button } from '@/components/ui/button'
 import { toast } from '@/components/ui/use-toast'
 import { SITE_TITLE } from '@/config'
@@ -71,7 +69,7 @@ const PostImportResultPage: FC<Props> = ({ user }) => {
 	[session])
 
     const retry = async (sourceRow: number) => {
-	if (session == null)
+	if (session == null || sessionId == null)
 	  return
 
 	setLoadingRow (sourceRow)
@@ -177,13 +175,8 @@ const PostImportResultPage: FC<Props> = ({ user }) => {
 	  <div className="mx-auto max-w-5xl space-y-4 p-4">
 	    <PageTitle>登録結果</PageTitle>
 
-	    <div className="rounded-lg border bg-white p-4 dark:border-neutral-700
-			    dark:bg-neutral-900">
-	      <div className="flex flex-wrap gap-2">
-		<PostImportSummaryChip label="登録成功" value={counts.created}/>
-		<PostImportSummaryChip label="スキップ" value={counts.skipped} badge="skipped"/>
-		<PostImportSummaryChip label="失敗" value={counts.failed}/>
-	      </div>
+	    <div className="text-sm text-neutral-700 dark:text-neutral-200">
+	      登録成功 {counts.created}件　スキップ {counts.skipped}件　失敗 {counts.failed}件
 	    </div>
 
 	    <div className="space-y-3">
@@ -193,18 +186,10 @@ const PostImportResultPage: FC<Props> = ({ user }) => {
 		  const canRetry =
 		      row.importStatus === 'failed'
 		      && Object.keys (row.validationErrors).length === 0
-		  const panelStatus =
-		      row.importStatus === 'created'
-		      ? 'created'
-		      : (row.importStatus === 'failed'
-			 ? 'failed'
-			 : displayStatus ?? 'ready')
 		  return (
 		      <div
 			  key={row.sourceRow}
-			  className={[
-			      'rounded-lg border p-4',
-			      ...importPanelToneClass (panelStatus)].join (' ')}>
+			  className="rounded-lg border p-4 transition-shadow hover:shadow-sm">
 		    <div className="flex flex-col gap-3 md:flex-row md:items-start
 				    md:justify-between">
 		      <div className="space-y-2">