fix(web): update dropzone to accept all file types, not just images

This commit is contained in:
SnapOtter
2026-06-13 15:50:52 +08:00
parent 3114323d07
commit b8b6b0a44a
2 changed files with 6 additions and 6 deletions
+2 -2
View File
@@ -1,4 +1,4 @@
import { FileImage, ImageUp, Upload } from "lucide-react"; import { FileUp, Upload } from "lucide-react";
import { type DragEvent, useCallback, useEffect, useState } from "react"; import { type DragEvent, useCallback, useEffect, useState } from "react";
import { useTranslation } from "@/contexts/i18n-context"; import { useTranslation } from "@/contexts/i18n-context";
import { useUrlImport } from "@/hooks/use-url-import"; import { useUrlImport } from "@/hooks/use-url-import";
@@ -226,7 +226,7 @@ export function Dropzone({
isDragging ? "bg-primary/15" : "group-hover:bg-primary/12", isDragging ? "bg-primary/15" : "group-hover:bg-primary/12",
)} )}
> >
<ImageUp <FileUp
className={cn( className={cn(
"transition-all duration-200", "transition-all duration-200",
compact ? "h-8 w-8" : "h-10 w-10", compact ? "h-8 w-8" : "h-10 w-10",
+4 -4
View File
@@ -3101,14 +3101,14 @@ export const en = {
}, },
dropzone: { dropzone: {
unsupportedFileType: "This file type is not supported by this tool", unsupportedFileType: "This file type is not supported by this tool",
urlFetchFailed: "Could not fetch image from URL", urlFetchFailed: "Could not fetch file from URL",
ariaLabel: "File drop zone", ariaLabel: "File drop zone",
dropPrompt: "Drop your images here", dropPrompt: "Drop your files here",
browseOrPaste: "click anywhere to browse, or paste from clipboard", browseOrPaste: "click anywhere to browse, or paste from clipboard",
uploadButton: "Upload", uploadButton: "Upload",
defaultFormats: "PNG, JPG, WebP, HEIC, RAW, PSD, and 65+ formats", defaultFormats: "Images, Videos, Audio, PDFs, Documents, and 150+ formats",
orSeparator: "or", orSeparator: "or",
urlPlaceholder: "Paste image URL...", urlPlaceholder: "Paste file URL...",
urlLoadingIndicator: "...", urlLoadingIndicator: "...",
addUrlButton: "Add", addUrlButton: "Add",
importMultipleUrls: "Import multiple URLs...", importMultipleUrls: "Import multiple URLs...",