binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-2393] chore: removal of .svg from supported image formats (#5582)

Browse source 
* Updated supported image formats

* Updated image accepting functions
This commit is contained in:
Mihir 2024-09-12 14:25:06 +05:30 • committed by GitHub
parent 87d6544b72
commit e5ddfd322d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 7 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

6
web/core/components/core/image-picker-popover.tsx
View file

@ -89,7 +89,7 @@ export const ImagePickerPopover: React.FC<Props> = observer((props) => {
const { getRootProps, getInputProps, isDragActive, fileRejections } = useDropzone({ const { getRootProps, getInputProps, isDragActive, fileRejections } = useDropzone({
onDrop, onDrop,
accept: { accept: {
"image/*": [".png", ".jpg", ".jpeg", ".svg", ".webp"], "image/*": [".png", ".jpg", ".jpeg", ".webp"],
}, },
maxSize: config?.file_size_limit ?? MAX_FILE_SIZE, maxSize: config?.file_size_limit ?? MAX_FILE_SIZE,
}); });
@ -355,9 +355,7 @@ export const ImagePickerPopover: React.FC<Props> = observer((props) => {
</p> </p>
)} )}
<p className="text-sm text-custom-text-200"> <p className="text-sm text-custom-text-200">File formats supported- .jpeg, .jpg, .png, .webp</p>
File formats supported- .jpeg, .jpg, .png, .webp, .svg
</p>
<div className="flex h-12 items-start justify-end gap-2"> <div className="flex h-12 items-start justify-end gap-2">
<Button <Button

6
web/core/components/core/modals/user-image-upload-modal.tsx
View file

@ -39,7 +39,7 @@ export const UserImageUploadModal: React.FC<Props> = observer((props) => {
const { getRootProps, getInputProps, isDragActive, fileRejections } = useDropzone({ const { getRootProps, getInputProps, isDragActive, fileRejections } = useDropzone({
onDrop, onDrop,
accept: { accept: {
"image/*": [".png", ".jpg", ".jpeg", ".svg", ".webp"], "image/*": [".png", ".jpg", ".jpeg", ".webp"],
}, },
maxSize: config?.file_size_limit ?? MAX_FILE_SIZE, maxSize: config?.file_size_limit ?? MAX_FILE_SIZE,
multiple: false, multiple: false,
@ -156,9 +156,7 @@ export const UserImageUploadModal: React.FC<Props> = observer((props) => {
)} )}
</div> </div>
</div> </div>
<p className="my-4 text-sm text-custom-text-200"> <p className="my-4 text-sm text-custom-text-200">File formats supported- .jpeg, .jpg, .png, .webp</p>
File formats supported- .jpeg, .jpg, .png, .webp, .svg
</p>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
{handleDelete && ( {handleDelete && (
<Button variant="danger" size="sm" onClick={handleDelete} disabled={!value}> <Button variant="danger" size="sm" onClick={handleDelete} disabled={!value}>

6
web/core/components/core/modals/workspace-image-upload-modal.tsx
View file

@ -43,7 +43,7 @@ export const WorkspaceImageUploadModal: React.FC<Props> = observer((props) => {
const { getRootProps, getInputProps, isDragActive, fileRejections } = useDropzone({ const { getRootProps, getInputProps, isDragActive, fileRejections } = useDropzone({
onDrop, onDrop,
accept: { accept: {
"image/*": [".png", ".jpg", ".jpeg", ".svg", ".webp"], "image/*": [".png", ".jpg", ".jpeg", ".webp"],
}, },
maxSize: config?.file_size_limit ?? MAX_FILE_SIZE, maxSize: config?.file_size_limit ?? MAX_FILE_SIZE,
multiple: false, multiple: false,
@ -162,9 +162,7 @@ export const WorkspaceImageUploadModal: React.FC<Props> = observer((props) => {
)} )}
</div> </div>
</div> </div>
<p className="my-4 text-sm text-custom-text-200"> <p className="my-4 text-sm text-custom-text-200">File formats supported- .jpeg, .jpg, .png, .webp</p>
File formats supported- .jpeg, .jpg, .png, .webp, .svg
</p>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
{handleRemove && ( {handleRemove && (
<Button variant="danger" size="sm" onClick={handleRemove} disabled={!value}> <Button variant="danger" size="sm" onClick={handleRemove} disabled={!value}>