toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

useMemo function call (#6372)

Browse source
This commit is contained in:
Avinash Lingaloo 2022-06-10 17:40:14 +04:00 committed by GitHub
parent bb02b1178a
commit f72fcd4f08
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/components/post_list/post/body/files/image_file.tsx
View file

@ -1,7 +1,7 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React, {useCallback, useEffect, useState} from 'react';
import React, {useCallback, useMemo, useState} from 'react';
import {StyleProp, StyleSheet, useWindowDimensions, View, ViewStyle} from 'react-native';
import LinearGradient from 'react-native-linear-gradient';
@ -82,7 +82,7 @@ const ImageFile = ({
const dimensions = useWindowDimensions();
const theme = useTheme();
const serverUrl = useServerUrl();
const [isGif, setIsGif] = useState(isGifImage(file));
const isGif = useMemo(() => isGifImage(file), [file]);
const [failed, setFailed] = useState(false);
const style = getStyleSheet(theme);
let image;
@ -117,10 +117,6 @@ const ImageFile = ({
return props;
};
useEffect(() => {
setIsGif(isGifImage(file));
}, [file]);
if (file.height <= SMALL_IMAGE_MAX_HEIGHT || file.width <= SMALL_IMAGE_MAX_WIDTH) {
let wrapperStyle: StyleProp<ViewStyle> = style.fileImageWrapper;
if (isSingleImage) {