pepepper/fluxer
1
0 Fork 0
mirror of https://github.com/fluxerapp/fluxer synced 2026-10-18 21:45:31 +09:00
Code Issues Packages Projects Releases Wiki Activity

fix(app): crop animated images on web with libwebp (#2947)

Browse Source
This commit is contained in:
Hampus authored and GitHub committed 2026-09-24 22:45:53 +02:00
1 parent e0843ac4f5
commit bbfe809bef
104 files changed
+10884 -7316
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

fluxer_app/src/features/channel/components/modals/EditGroupBottomSheet.tsx
+2 -3
View File
@@ -33,7 +33,7 @@ import {Form} from '@app/features/ui/components/form/Form';
import {Input} from '@app/features/ui/components/form/FormInput';
import {Scroller} from '@app/features/ui/components/Scroller';
import * as AvatarUtils from '@app/features/user/utils/AvatarUtils';
import {canCropFormat} from '@app/features/voice/utils/MediaCapabilities';
import {canCropFile} from '@app/features/voice/utils/MediaCapabilities';
import {useRemoteFormReset} from '@app/lib/forms/RemoteFormReset';
import {assignTransientUploadFieldMutation} from '@app/lib/forms/TransientUploadFields';
import {msg} from '@lingui/core/macro';
@@ -136,7 +136,7 @@ export const EditGroupBottomSheet: React.FC<EditGroupBottomSheetProps> = observe
return;
}
const svg = isSvgFile(file);
if (!svg && !(await canCropFormat(file.type))) {
if (!svg && !(await canCropFile(file))) {
showChannelErrorModal({
title: i18n._(UNSUPPORTED_ICON_FORMAT_DESCRIPTOR),
message: getAssetFormatErrorMessage(i18n, 'guild_icon', 'unsupported_mime'),
@@ -159,7 +159,6 @@ export const EditGroupBottomSheet: React.FC<EditGroupBottomSheetProps> = observe
<AssetCropModal
assetType={AssetType.CHANNEL_ICON}
imageUrl={base64}
sourceMimeType={svg ? 'image/svg+xml' : file.type}
onCropComplete={(croppedBlob) => {
const reader = new FileReader();
reader.onload = () => {
fluxer_app/src/features/channel/components/modals/EditGroupModal.tsx
+2 -3
View File
@@ -32,7 +32,7 @@ import * as ToastCommands from '@app/features/ui/commands/ToastCommands';
import {Form} from '@app/features/ui/components/form/Form';
import {Input} from '@app/features/ui/components/form/FormInput';
import * as AvatarUtils from '@app/features/user/utils/AvatarUtils';
import {canCropFormat} from '@app/features/voice/utils/MediaCapabilities';
import {canCropFile} from '@app/features/voice/utils/MediaCapabilities';
import {useRemoteFormReset} from '@app/lib/forms/RemoteFormReset';
import {assignTransientUploadFieldMutation} from '@app/lib/forms/TransientUploadFields';
import {msg} from '@lingui/core/macro';
@@ -127,7 +127,7 @@ export const EditGroupModal = observer(({channelId}: {channelId: string}) => {
return;
}
const svg = isSvgFile(file);
if (!svg && !(await canCropFormat(file.type))) {
if (!svg && !(await canCropFile(file))) {
showChannelErrorModal({
title: i18n._(UNSUPPORTED_ICON_FORMAT_DESCRIPTOR),
message: getAssetFormatErrorMessage(i18n, 'guild_icon', 'unsupported_mime'),
@@ -150,7 +150,6 @@ export const EditGroupModal = observer(({channelId}: {channelId: string}) => {
<AssetCropModal
assetType={AssetType.CHANNEL_ICON}
imageUrl={base64}
sourceMimeType={svg ? 'image/svg+xml' : file.type}
onCropComplete={(croppedBlob) => {
const reader = new FileReader();
reader.onload = () => {