#399

frontend/src/pages/posts/PostImportReviewPage.tsx

@@ -81,12 +81,10 @@ const PostImportReviewPage: FC<Props> = ({ user }) => {
     const counts = useMemo (() => reviewSummaryCounts (rows), [rows])
     const processable = useMemo (
 	() => processableImportRows (rows),
-	[rows],
-    )
+	[rows])
     const creatable = useMemo (
 	() => creatableImportRows (rows),
-	[rows],
-    )
+	[rows])
     const reviewRows =
 	session?.repairMode === 'failed'
 	? [...rows].sort ((a, b) => {
@@ -126,8 +124,7 @@ const PostImportReviewPage: FC<Props> = ({ user }) => {
 	    ['originalCreatedFrom', draft.originalCreatedFrom],
 	    ['originalCreatedBefore', draft.originalCreatedBefore],
 	    ['duration', draft.duration],
-	    ['parentPostIds', draft.parentPostIds],
-	] as const
+	    ['parentPostIds', draft.parentPostIds]] as const
 	draftFields.forEach (([field, value]) => {
 	    nextAttributes[field] = value
 	    nextProvenance[field] =
@@ -284,6 +281,7 @@ const PostImportReviewPage: FC<Props> = ({ user }) => {
 	      invalidCount={counts.invalid}
 	      processableCount={processable.length}
 	      creatableCount={creatable.length}
+	      skipPlannedCount={counts.skipPlanned}
 	      onBack={() => navigate ('/posts/import')}
 	      onSubmit={submit}/>
 
@@ -300,11 +298,18 @@ const PostImportReviewPage: FC<Props> = ({ user }) => {
 }
 
 const PostImportFooter = (
-    { loading, invalidCount, processableCount, creatableCount, onBack, onSubmit }: {
+    { loading,
+      invalidCount,
+      processableCount,
+      creatableCount,
+      skipPlannedCount,
+      onBack,
+      onSubmit }: {
 	loading:            boolean
 	invalidCount:       number
 	processableCount:   number
 	creatableCount:     number
+	skipPlannedCount:   number
 	onBack:             () => void
 	onSubmit:           () => void },
 ) => (
@@ -315,7 +320,11 @@ const PostImportFooter = (
 		      md:items-center md:justify-between">
 	<div className="flex flex-wrap items-center gap-2 text-sm">
 	  <PostImportStatusBadge value="pending"/>
+	  <span>処理対象 {processableCount} 件</span>
+	  <PostImportStatusBadge value="ready"/>
 	  <span>登録対象 {creatableCount} 件</span>
+	  <PostImportStatusBadge value="skipped"/>
+	  <span>スキップ予定 {skipPlannedCount} 件</span>
 	  <PostImportStatusBadge value="error"/>
 	  <span>要修正 {invalidCount} 件</span>
 	</div>
@@ -327,7 +336,7 @@ const PostImportFooter = (
 	      type="button"
 	      onClick={onSubmit}
 	      disabled={loading || processableCount === 0}>
-	    有効な投稿を一括登録
+	    取込を実行
 	  </Button>
 	</div>
       </div>