diff --git a/gui/src/api/client.ts b/gui/src/api/client.ts index 9b4ac842..492b15e1 100644 --- a/gui/src/api/client.ts +++ b/gui/src/api/client.ts @@ -14,9 +14,19 @@ export interface Txt2ImgParams { seed?: string; } +export interface Txt2ImgResponse extends Txt2ImgParams { + model: string; + platform: string; + scheduler: string; + + width: number; + height: number; + seed: string; +} + export interface ApiResponse { output: string; - params: Txt2ImgParams; + params: Txt2ImgResponse; } export interface ApiClient { diff --git a/gui/src/components/ImageCard.tsx b/gui/src/components/ImageCard.tsx index f8bd42cf..7c07e0ff 100644 --- a/gui/src/components/ImageCard.tsx +++ b/gui/src/components/ImageCard.tsx @@ -1,4 +1,4 @@ -import { Card, CardContent, CardMedia, Paper, Stack } from '@mui/material'; +import { Box, Card, CardContent, CardMedia, Grid, Paper } from '@mui/material'; import * as React from 'react'; import { ApiResponse } from '../api/client.js'; @@ -18,11 +18,28 @@ export function ImageCard(props: ImageCardProps) { title={params.prompt} /> - - CFG: {params.cfg} - Steps: {params.steps} - Seed: {params.seed} - + + + + CFG: {params.cfg} + + + Steps: {params.steps} + + + Size: {params.width}x{params.height} + + + Seed: {params.seed} + + + Scheduler: {params.scheduler} + + + {params.prompt} + + + ; } diff --git a/gui/src/components/MutationHistory.tsx b/gui/src/components/MutationHistory.tsx index b0b98e13..d50c8716 100644 --- a/gui/src/components/MutationHistory.tsx +++ b/gui/src/components/MutationHistory.tsx @@ -1,7 +1,7 @@ +import { Grid } from '@mui/material'; import { useState } from 'react'; import * as React from 'react'; import { UseMutationResult } from 'react-query'; -import { Grid, Stack } from '@mui/material'; export interface MutationHistoryProps { element: React.ComponentType<{value: T}>; @@ -43,5 +43,5 @@ export function MutationHistory(props: MutationHistoryProps) { } } - return {children.slice(0, limit).map((child) => {child})}; + return {children.slice(0, limit).map((child) => {child})}; }