diff --git a/lib/hooks/inline-sidebar-text.react.js b/lib/hooks/inline-sidebar-text.react.js index 6104c3335..d55cd445d 100644 --- a/lib/hooks/inline-sidebar-text.react.js +++ b/lib/hooks/inline-sidebar-text.react.js @@ -1,35 +1,41 @@ // @flow import * as React from 'react'; import { relativeMemberInfoSelectorForMembersOfThread } from '../selectors/user-selectors'; import { stringForUser } from '../shared/user-utils'; import type { ThreadInfo } from '../types/thread-types'; import { useSelector } from '../utils/redux-utils'; import { pluralizeAndTrim } from '../utils/text-utils'; function useInlineSidebarText( threadInfo: ThreadInfo, ): { sendersText: string, repliesText: string, } { const repliesCount = threadInfo.repliesCount || 1; const repliesText = `${repliesCount} ${ repliesCount > 1 ? 'replies' : 'reply' }`; const threadMembers = useSelector( relativeMemberInfoSelectorForMembersOfThread(threadInfo.id), ); const sendersText = React.useMemo(() => { const senders = threadMembers .filter(member => member.isSender) .map(stringForUser); return senders.length > 0 ? `${pluralizeAndTrim(senders, 25)} sent ` : ''; }, [threadMembers]); - return { sendersText, repliesText }; + return React.useMemo( + () => ({ + sendersText, + repliesText, + }), + [sendersText, repliesText], + ); } export default useInlineSidebarText;