Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

support multiple image upload

Browse Source
This commit is contained in:
Piyush Mishra 2023-11-23 10:59:55 +05:30
parent 1f61d02da6
commit ed27184f5a
3 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/App.tsx
View File

@ -269,8 +269,7 @@ function App() {
doGenerateCode(
{
generationType: "create",
image: referenceImages[0],
inputMode,
images: referenceImages,
},
currentVersion
);
@ -303,8 +302,7 @@ function App() {
doGenerateCode(
{
generationType: "update",
inputMode,
image: referenceImages[0],
images: referenceImages,
resultImage: resultImage,
history: updatedHistory,
isImportedFromCode,
@ -315,8 +313,7 @@ function App() {
doGenerateCode(
{
generationType: "update",
inputMode,
image: referenceImages[0],
images: referenceImages,
history: updatedHistory,
isImportedFromCode,
},

3
frontend/src/components/ImageUpload.tsx
View File

@ -69,8 +69,7 @@ function ImageUpload({ setReferenceImages }: Props) {
const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } =
useDropzone({
maxFiles: 1,
maxSize: 1024 * 1024 * 20, // 20 MB
maxSize: 1024 * 1024 * 5, // 5 MB
accept: {
// Image formats
"image/png": [".png"],

3
frontend/src/types.ts
View File

@ -32,8 +32,7 @@ export enum ScreenRecorderState {
export interface CodeGenerationParams {
generationType: "create" | "update";
inputMode: "image" | "video";
image: string;
images: string[];
resultImage?: string;
history?: string[];
isImportedFromCode?: boolean;