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

disable better error message for videos on hosted version

Browse Source
This commit is contained in:
Abi Raja 2024-03-25 15:31:24 -04:00
parent ac86e42126
commit ab8baca1ab
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,6 +8,7 @@ import { Badge } from "./ui/badge";
import ScreenRecorder from "./recording/ScreenRecorder"; import ScreenRecorder from "./recording/ScreenRecorder";
import { ScreenRecorderState } from "../types"; import { ScreenRecorderState } from "../types";
import { IS_RUNNING_ON_CLOUD } from "../config"; import { IS_RUNNING_ON_CLOUD } from "../config";
import { addEvent } from "../lib/analytics";
const baseStyle = { const baseStyle = {
flex: 1, flex: 1,
@ -83,6 +84,17 @@ function ImageUpload({ setReferenceImages }: Props) {
"video/webm": [".webm"], "video/webm": [".webm"],
}, },
onDrop: (acceptedFiles) => { onDrop: (acceptedFiles) => {
if (IS_RUNNING_ON_CLOUD) {
const isVideo = acceptedFiles.some((file) =>
file.type.startsWith("video/")
);
if (isVideo) {
toast.error("Videos are not yet supported on the hosted version.");
addEvent("VideoUpload");
return;
}
}
// Set up the preview thumbnail images // Set up the preview thumbnail images
setFiles( setFiles(
acceptedFiles.map((file: File) => acceptedFiles.map((file: File) =>