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 { memo } from "react";
2import cn from "@/helpers/cn";
3
4interface SlugProps {
5 className?: string;
6 prefix?: string;
7 slug: string;
8 useBrandColor?: boolean;
9}
10
11const Slug = ({
12 className = "",
13 prefix = "",
14 slug,
15 useBrandColor = false
16}: SlugProps) => {
17 return (
18 <span
19 className={cn(
20 useBrandColor ? "text-brand-500" : "text-gray-500 dark:text-gray-200",
21 className
22 )}
23 >
24 {prefix}
25 {slug}
26 </span>
27 );
28};
29
30export default memo(Slug);