diff --git a/app/soapbox/features/ui/components/trends-panel.tsx b/app/soapbox/features/ui/components/trends-panel.tsx index ee0d8d763c..9f582d891e 100644 --- a/app/soapbox/features/ui/components/trends-panel.tsx +++ b/app/soapbox/features/ui/components/trends-panel.tsx @@ -12,21 +12,13 @@ interface ITrendsPanel { const TrendsPanel = ({ limit }: ITrendsPanel) => { const { data: trends, isFetching } = useTrends(); - const sortedTrends = React.useMemo(() => { - return trends?.sort((a, b) => { - const num_a = Number(a.getIn(['history', 0, 'accounts'])); - const num_b = Number(b.getIn(['history', 0, 'accounts'])); - return num_b - num_a; - }).slice(0, limit); - }, [trends, limit]); - if (trends?.length === 0 || isFetching) { return null; } return ( }> - {sortedTrends?.slice(0, limit).map((hashtag) => ( + {trends?.slice(0, limit).map((hashtag) => ( ))}