Qortal/qapp-core
1
0
Fork 0
mirror of https://github.com/Qortal/qapp-core.git synced 2025-06-14 17:41:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

dynamic values for image picker

Browse Source
This commit is contained in:
PhilReact 2025-04-01 22:00:32 +03:00
parent 994ac1e5bf
commit fa97fd2fec
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/common/ImagePicker.tsx
View File

@ -13,6 +13,8 @@ type Mode = "single" | "multi";
interface CommonProps {
children: React.ReactNode;
mode?: Mode;
quality?: number;
maxWidth?: number;
}
interface SingleModeProps extends CommonProps {
@ -30,6 +32,8 @@ type ImageUploaderProps = SingleModeProps | MultiModeProps;
export const ImagePicker: React.FC<ImageUploaderProps> = ({
children,
onPick,
quality = 0.6,
maxWidth= 1200,
mode = "single",
}) => {
const onDrop = useCallback(
@ -52,8 +56,8 @@ export const ImagePicker: React.FC<ImageUploaderProps> = ({
} else {
fileToConvert = await new Promise<File>((resolve, reject) => {
new Compressor(image, {
quality: 0.6,
maxWidth: 1200,
quality,
maxWidth,
mimeType: "image/webp",
success(result) {
resolve(