From 7c51a3931a81daa4162f4f9421467cee25ea2890 Mon Sep 17 00:00:00 2001 From: dan Date: Fri, 17 Nov 2023 17:51:44 +0000 Subject: Optimize notifications rendering (#1957) --- src/view/com/notifications/FeedItem.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'src') diff --git a/src/view/com/notifications/FeedItem.tsx b/src/view/com/notifications/FeedItem.tsx index dd785a682..94fe7ff2d 100644 --- a/src/view/com/notifications/FeedItem.tsx +++ b/src/view/com/notifications/FeedItem.tsx @@ -1,4 +1,4 @@ -import React, {useMemo, useState, useEffect} from 'react' +import React, {memo, useMemo, useState, useEffect} from 'react' import { Animated, TouchableOpacity, @@ -56,7 +56,7 @@ interface Author { moderation: ProfileModeration } -export function FeedItem({ +let FeedItem = ({ item, dataUpdatedAt, moderationOpts, @@ -64,7 +64,7 @@ export function FeedItem({ item: FeedNotification dataUpdatedAt: number moderationOpts: ModerationOpts -}) { +}): React.ReactNode => { const pal = usePalette('default') const [isAuthorsExpanded, setAuthorsExpanded] = useState(false) const itemHref = useMemo(() => { @@ -262,6 +262,8 @@ export function FeedItem({ ) } +FeedItem = memo(FeedItem) +export {FeedItem} function ExpandListPressable({ hasMultipleAuthors, -- cgit 1.4.1