Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
yoginth.com
refactor: memoize functional components in Layout, ThreadBody, List, TipMenu, Navbar, and WhoToFollow for improved performance
1import type { PostFragment } from "@hey/indexer";
2import { memo } from "react";
3import PostWrapper from "@/components/Shared/Post/PostWrapper";
4import PostActions from "./Actions";
5import HiddenPost from "./HiddenPost";
6import PostAvatar from "./PostAvatar";
7import PostBody from "./PostBody";
8import PostHeader from "./PostHeader";
9
10interface ThreadBodyProps {
11 post: PostFragment;
12}
13
14const ThreadBody = ({ post }: ThreadBodyProps) => {
15 return (
16 <PostWrapper post={post}>
17 <div className="relative flex items-start gap-x-3 pb-3">
18 <PostAvatar post={post} />
19 <div className="absolute bottom-0 left-[21px] h-full border-[0.9px] border-gray-300 border-solid dark:border-gray-700" />
20 <div className="w-[calc(100%-55px)]">
21 <PostHeader post={post} />
22 {post.isDeleted ? (
23 <HiddenPost type={post.__typename} />
24 ) : (
25 <>
26 <PostBody post={post} />
27 <PostActions post={post} />
28 </>
29 )}
30 </div>
31 </div>
32 </PostWrapper>
33 );
34};
35
36export default memo(ThreadBody);