diff --git a/frontend/apps/editor3d/app/src/pages/PageImage/TextToImage.tsx b/frontend/apps/editor3d/app/src/pages/PageImage/TextToImage.tsx index 331dd970f3..c947975b0c 100644 --- a/frontend/apps/editor3d/app/src/pages/PageImage/TextToImage.tsx +++ b/frontend/apps/editor3d/app/src/pages/PageImage/TextToImage.tsx @@ -41,7 +41,6 @@ const TextToImage = ({ imageMediaId, imageUrl }: TextToImageProps) => { }; useTextToImageGenerationCompleteEvent(async (event) => { - console.log(">>> Event", event); completeBatch( event.generated_images || [], event.maybe_frontend_subscriber_id, @@ -69,6 +68,10 @@ const TextToImage = ({ imageMediaId, imageUrl }: TextToImageProps) => { config: { tension: 200, friction: 28, mass: 1.1 }, }); + // Show the batches in reverse order, with the newest items at top. + // Like Midjourney instead of a "chat history" style. + const inverseBatch = batches.toReversed(); + return (
{ {hasAnyBatches && (
- {batches.map((batch) => ( + {inverseBatch.map((batch) => (
-
-
-
{batch.prompt}
-
-
- -
-
{batch.status === "pending" && batch.images.length === 0 ? Array.from({ @@ -140,6 +132,17 @@ const TextToImage = ({ imageMediaId, imageUrl }: TextToImageProps) => { ))}
+
+
+
{batch.prompt}
+
+
+ +
+
))}