#399

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

@@ -1,11 +1,10 @@
-import { useCallback, useEffect, useState } from 'react'
+import { useCallback, useEffect, useMemo, useState } from 'react'
 
 import PostOriginalCreatedTimeField from '@/components/PostOriginalCreatedTimeField'
 import FieldError from '@/components/common/FieldError'
 import FieldWarning from '@/components/common/FieldWarning'
 import FormField from '@/components/common/FormField'
 import ThumbnailPreview from '@/components/posts/import/ThumbnailPreview'
-import { useDialogue } from '@/lib/dialogues/useDialogue'
 import { inputClass } from '@/lib/utils'
 
 import type { FC } from 'react'
@@ -70,7 +69,6 @@ const PostImportRowForm: FC<Props> = (
       controls,
       onSave },
 ) => {
-  const dialogue = useDialogue ()
   const [draft, setDraft] = useState<Draft> (() => buildDraft (row))
   const [messageRow, setMessageRow] = useState<PostImportRow | null> (null)
   const [saving, setSaving] = useState (false)
@@ -84,7 +82,9 @@ const PostImportRowForm: FC<Props> = (
   }, [row])
 
   const displayRow = messageRow ?? row
-  const resetDraft = buildResetDraft (row)
+  const resetDraft = useMemo (
+      () => buildResetDraft (row),
+      [row])
   const resetDisabled = saving || sameDraft (draft, resetDraft)
 
   const update = <Key extends keyof Draft,> (
@@ -100,7 +100,7 @@ const PostImportRowForm: FC<Props> = (
     if (resetDisabled)
       return false
 
-    const confirmed = await dialogue.confirm ({
+    const confirmed = await controls.confirm ({
 	title: '変更をリセットしますか?',
 	description: '現在の URL に対する自動取得直後の内容へ戻します．',
 	confirmText: 'リセット',
@@ -113,7 +113,7 @@ const PostImportRowForm: FC<Props> = (
     setResetRequested (true)
     setMessageRow (null)
     return false
-  }, [dialogue, resetDisabled, resetDraft])
+  }, [controls, resetDisabled, resetDraft])
 
   const save = useCallback (async (): Promise<boolean> => {
     setSaving (true)