verdnatura-mirror
/
verdnatura-chat
forked from verdnatura-mirror/Rocket.Chat.ReactNative
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix for gifs

This commit is contained in:
Gleidson Daniel 2022-09-15 15:25:39 -03:00
parent a01559a10d
commit 553237caaf
3 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/lib/methods/mediaPicker.ts
View File

@ -1,4 +1,3 @@
/* eslint-disable no-redeclare */
import * as FileSystem from 'expo-file-system';
import * as ImagePicker from 'expo-image-picker';
import { PermissionsAndroid } from 'react-native';
@ -74,7 +73,7 @@ export const pickMultipleImageAndVideoFromLibrary = async (): Promise<ImagePicke
try {
const result = await ImagePicker.launchImageLibraryAsync({
mediaTypes: ImagePicker.MediaTypeOptions.All,
quality: undefined, // to force animated gifs
quality: 1,
allowsMultipleSelection: true
});
if (!result.cancelled) {
@ -94,19 +93,17 @@ export const pickMultipleImageAndVideoFromLibrary = async (): Promise<ImagePicke
}
};
// Function Overload - https://www.typescriptlang.org/docs/handbook/2/functions.html#function-overloads
export async function pickImageFromLibrary(base64: true): Promise<(ImagePickerFile & { data: string }) | null>;
export async function pickImageFromLibrary(base64?: false): Promise<ImagePickerFile | null>;
export async function pickImageFromLibrary(
base64?: boolean
): Promise<ImagePickerFile | (ImagePickerFile & { data: string }) | null> {
export async function pickImageFromLibrary({ animatedGif = true }: { animatedGif: boolean }): Promise<ImagePickerFile | null> {
try {
const image = await ImagePicker.launchImageLibraryAsync({
mediaTypes: ImagePicker.MediaTypeOptions.Images,
quality: undefined, // to force animated gifs
base64
quality: animatedGif ? 1 : 0.9,
base64: true
});
if (!image.cancelled) return addAdditionalPropsToFile(image);
if (!image.cancelled) {
const selectedImage = await addAdditionalPropsToFile(image);
return selectedImage;
}
return null;
} catch (error) {
log(error);

4
app/views/ProfileView/index.tsx
View File

@ -345,9 +345,9 @@ class ProfileView extends React.Component<IProfileViewProps, IProfileViewState>
try {
logEvent(events.PROFILE_PICK_AVATAR);
const response = await pickImageFromLibrary(true);
const response = await pickImageFromLibrary({ animatedGif: false });
if (response) {
this.setAvatar({ url: response.path, data: `data:image/jpeg;base64,${response.data}`, service: 'upload' });
this.setAvatar({ url: response.path, data: `data:image/jpeg;base64,${response.base64}`, service: 'upload' });
}
} catch (error) {
logEvent(events.PROFILE_PICK_AVATAR_F);

4
app/views/RoomInfoEditView/index.tsx
View File

@ -489,9 +489,9 @@ class RoomInfoEditView extends React.Component<IRoomInfoEditViewProps, IRoomInfo
changeAvatar = async () => {
try {
const response = await pickImageFromLibrary(true);
const response = await pickImageFromLibrary({ animatedGif: false });
if (response) {
this.setState({ avatar: { url: response.path, data: `data:image/jpeg;base64,${response.data}`, service: 'upload' } });
this.setState({ avatar: { url: response.path, data: `data:image/jpeg;base64,${response.base64}`, service: 'upload' } });
}
} catch (e) {
console.log(e);