Merge pull request #50 from R0m1k3/dev

Rearrange post text input to appear after AI-generated options

.replit

@@ -34,6 +34,10 @@ externalPort = 5000
 localPort = 37659
 externalPort = 4200
 
+[[ports]]
+localPort = 39387
+externalPort = 8008
+
 [[ports]]
 localPort = 40537
 externalPort = 3000
@@ -46,6 +50,10 @@ externalPort = 6000
 localPort = 43245
 externalPort = 3001
 
+[[ports]]
+localPort = 45547
+externalPort = 8000
+
 [[ports]]
 localPort = 46681
 externalPort = 5173

client/src/pages/new-post.tsx

@@ -562,27 +562,11 @@ export default function NewPost() {
                 </CardContent>
               </Card>
 
-              <Card className="rounded-2xl border-border/50 shadow-lg">
-                <CardHeader className="p-6">
-                  <CardTitle>Texte de la publication</CardTitle>
-                  <CardDescription>Écrivez ou générez le texte de votre publication</CardDescription>
-                </CardHeader>
-                <CardContent>
-                  <Textarea
-                    value={postText}
-                    onChange={(e) => setPostText(e.target.value)}
-                    placeholder="Écrivez votre texte ici ou générez-le avec l'IA..."
-                    rows={8}
-                    data-testid="textarea-post-text"
-                  />
-                </CardContent>
-              </Card>
-
               {generatedVariants.length > 0 && (
                 <Card className="rounded-2xl border-border/50 shadow-lg">
                   <CardHeader className="p-6">
                     <CardTitle>Variations générées par l'IA</CardTitle>
-                    <CardDescription>Cliquez sur "Utiliser" pour remplir le texte ci-dessus</CardDescription>
+                    <CardDescription>Cliquez sur "Utiliser" pour remplir le texte ci-dessous</CardDescription>
                   </CardHeader>
                   <CardContent className="space-y-3">
                     {generatedVariants.map((variant, index) => (
@@ -612,6 +596,22 @@ export default function NewPost() {
                   </CardContent>
                 </Card>
               )}
+
+              <Card className="rounded-2xl border-border/50 shadow-lg">
+                <CardHeader className="p-6">
+                  <CardTitle>Texte de la publication</CardTitle>
+                  <CardDescription>Écrivez ou générez le texte de votre publication</CardDescription>
+                </CardHeader>
+                <CardContent>
+                  <Textarea
+                    value={postText}
+                    onChange={(e) => setPostText(e.target.value)}
+                    placeholder="Écrivez votre texte ici ou générez-le avec l'IA..."
+                    rows={8}
+                    data-testid="textarea-post-text"
+                  />
+                </CardContent>
+              </Card>
             </div>
 
             <div className="space-y-8">