Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
yoginth.com
refactor: memoize functional components in PostHeader, QuotedPost, FallbackAccountName, NumberedStat, and Slug for improved performance
1import type { ReactNode } from "react";
2import { memo } from "react";
3import humanize from "@/helpers/humanize";
4import { Card, H4 } from "./UI";
5
6interface NumberedStatsProps {
7 count?: string;
8 name: ReactNode;
9 suffix?: string;
10}
11
12const NumberedStat = ({ count, name, suffix }: NumberedStatsProps) => {
13 return (
14 <Card className="p-5" forceRounded>
15 <div>{name}</div>
16 <H4 className="tracking-wide">
17 {humanize(Number(count))} <span className="text-sm">{suffix}</span>
18 </H4>
19 </Card>
20 );
21};
22
23export default memo(NumberedStat);