#399

frontend/src/pages/posts/PostImportSourcePage.tsx

@@ -75,7 +75,7 @@ const buildInitialRows = (source: string): PostImportRow[] =>
             tagSources: {
                 automatic: '',
                 manual: '' },
-            status: 'ready' as const,
+            status: 'pending' as const,
             resetSnapshot: {
                 url: row.url,
                 attributes: {
@@ -122,6 +122,9 @@ const PostImportSourcePage: FC<Props> = ({ user }) => {
       .filter (value => value != null)
       .join (' ')
 
+  const showStorageError = (message: string) =>
+      toast ({ description: message })
+
   useEffect (() => {
     cleanupExpiredPostImportSessions (message =>
 	toast ({ title: '保存済みデータを整理できませんでした', description: message }))
@@ -176,28 +179,65 @@ const PostImportSourcePage: FC<Props> = ({ user }) => {
     {
       const nextRows = initialisePreviewRows (buildInitialRows (source))
       const serialised = await serialisePostNewState (nextRows)
-      if (serialised == null)
-	return
-
-      const sessionId = generatePostImportSessionId ()
+      const sessionId = (() => {
+	try
+	{
+	  return generatePostImportSessionId ()
+	}
+	catch
+	{
+	  return null
+	}
+      }) ()
       const session = {
 	  source,
 	  rows: nextRows,
 	  repairMode: resultRepairMode (nextRows) }
-      const saved = savePostImportSession (sessionId, session)
-      const sessionLoaded = loadPostImportSession (sessionId)
-      if (!(serialised.complete)
-          && (!(saved))
-          && !(serialisedPostImportRowsEqual (sessionLoaded?.rows ?? [], nextRows)))
-	return
-      if (saved && !(serialisedPostImportRowsEqual (sessionLoaded?.rows ?? [], nextRows)))
-	return
+      const saved =
+	  sessionId == null
+	  ? false
+	  : savePostImportSession (sessionId, session, showStorageError)
+      const loadedSession =
+	  sessionId == null
+	  ? null
+	  : loadPostImportSession (sessionId, showStorageError)
+      const sessionRoundTripSucceeded =
+	  saved
+	  && serialisedPostImportRowsEqual (
+	      loadedSession?.rows ?? [],
+	      nextRows)
+      const canNavigate =
+	  serialised?.complete === true
+	  || sessionRoundTripSucceeded
+      if (!(canNavigate))
+	{
+	  showStorageError ('ブラウザへ保存できませんでした．')
+	  return
+	}
 
-      navigate (appendPostNewSessionId (serialised.path, sessionId))
+      const nextPath = (() => {
+	if (serialised != null)
+	  {
+	    return sessionId == null
+		? serialised.path
+		: appendPostNewSessionId (serialised.path, sessionId)
+	  }
+	if (sessionRoundTripSucceeded && sessionId != null)
+	  return `/posts/new?session_id=${ sessionId }`
+	return null
+      }) ()
+      if (nextPath == null)
+	{
+	  showStorageError ('ブラウザへ保存できませんでした．')
+	  return
+	}
+
+      navigate (nextPath)
     }
-    catch
+    catch (error)
     {
-      return
+      console.error (error)
+      showStorageError ('ブラウザへ保存できませんでした．')
     }
     finally
     {
@@ -249,13 +289,13 @@ const PostImportSourcePage: FC<Props> = ({ user }) => {
 		</li>))}
 	  </ul>
 
-	  <div className="flex items-center justify-between gap-3">
+	  <div className="relative z-10 flex items-center justify-between gap-3">
 	    <div className="text-sm text-neutral-600 dark:text-neutral-300">
 	      入力行数 {lineCount} / {MAX_ROWS}
 	    </div>
 	    <Button
 		type="button"
-		className="shrink-0"
+		className="pointer-events-auto shrink-0"
 		onClick={preview}
 		disabled={loading}>
 	      次へ