create for series

components/MarkdownEditor.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { Button, Card } from './ui'
+import { Button, Card, Textarea } from './ui'
 import type { MediaRef } from '@/types/nostr'
 import { uploadNip95Media } from '@/lib/nip95'
 import { t } from '@/lib/i18n'
@@ -40,10 +40,10 @@ function MarkdownEditorInner({ value, onChange, onMediaAdd, onBannerChange }: Ma
       {preview ? (
         <MarkdownPreview value={value} />
       ) : (
-        <textarea
-          className="w-full border rounded p-3 h-64"
+        <Textarea
           value={value}
           onChange={(e) => onChange(e.target.value)}
+          className="h-64"
         />
       )}
     </div>

components/markdownEditorTwoColumns/MarkdownEditorTwoColumns.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { Button, Card } from '../ui'
+import { Button, Card, Textarea } from '../ui'
 import type { MediaRef, Page } from '@/types/nostr'
 import { t } from '@/lib/i18n'
 import { createPagesHandlers, PagesManager } from './PagesManager'
@@ -75,12 +75,12 @@ function MarkdownToolbar(params: {
 function EditorColumn(params: { value: string; onChange: (value: string) => void }): React.ReactElement {
   return (
     <div className="space-y-2">
-      <label className="block text-sm font-semibold text-gray-800">{t('markdown.editor')}</label>
-      <textarea
-        className="w-full border rounded p-3 h-96 font-mono text-sm"
+      <Textarea
+        label={t('markdown.editor')}
         value={params.value}
         onChange={(e) => params.onChange(e.target.value)}
         placeholder={t('markdown.placeholder')}
+        className="h-96 font-mono text-sm"
       />
     </div>
   )

docs/migration-status.md

@@ -101,8 +101,8 @@ Aucun composant prioritaire restant. Tous les composants principaux ont été mi
 - ✅ `components/UserArticlesEditPanel.tsx` - Migration du conteneur principal vers Card
 - ✅ `components/markdownEditorTwoColumns/PagesManager.tsx` - Migration de PageEditor vers Card et message d'état vide vers EmptyState
 - ✅ `components/authorPresentationEditor/AuthorPresentationEditor.tsx` - Migration de SuccessNotice vers Card
-- ✅ `components/MarkdownEditor.tsx` - Migration de MarkdownPreview vers Card
-- ✅ `components/markdownEditorTwoColumns/MarkdownEditorTwoColumns.tsx` - Migration de MarkdownPreview vers Card
+- ✅ `components/MarkdownEditor.tsx` - Migration de MarkdownPreview vers Card et textarea vers Textarea
+- ✅ `components/markdownEditorTwoColumns/MarkdownEditorTwoColumns.tsx` - Migration de MarkdownPreview vers Card et textarea vers Textarea
 
 ## Erreurs corrigées