#399

frontend/src/pages/posts/PostImportSourcePage.tsx

@@ -6,13 +6,13 @@ import FieldError from '@/components/common/FieldError'
 import Form from '@/components/common/Form'
 import FormField from '@/components/common/FormField'
 import PageTitle from '@/components/common/PageTitle'
+import TextArea from '@/components/common/TextArea'
 import MainArea from '@/components/layout/MainArea'
 import { Button } from '@/components/ui/button'
 import { toast } from '@/components/ui/use-toast'
 import { SITE_TITLE } from '@/config'
 import { apiPost, isApiError } from '@/lib/api'
 import { canEditContent } from '@/lib/users'
-import { inputClass } from '@/lib/utils'
 import { countImportSourceLines,
 	 cleanupExpiredPostImportSessions,
 	 createPostImportSessionId,
@@ -158,14 +158,12 @@ const PostImportSourcePage: FC<Props> = ({ user }) => {
 	  <PageTitle>投稿インポート</PageTitle>
 	  <FormField label="URL リスト">
 	    {() => (
-		<textarea
+		<TextArea
 		    value={source}
 		    rows={14}
-		    aria-invalid={messages.length > 0 || sourceIssues.length > 0}
+		    invalid={messages.length > 0 || sourceIssues.length > 0}
 		    aria-describedby={sourceDescribedBy || undefined}
-		    className={inputClass (
-			messages.length > 0 || sourceIssues.length > 0,
-			'font-mono text-sm')}
+		    className="h-80 font-mono text-sm"
 		    onBlur={() => {
 		      savePostImportSourceDraft (source, message =>
 			  toast ({ title: '入力内容を保存できませんでした',