SW/mattermost-mobile
2
0
Fork 0
forked from Ivasoft/mattermost-mobile
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
1 changed files with 2 additions and 6 deletions
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) {