yoginth.com / hey
Hey is a decentralized and permissionless social media app built with Lens Protocol 🌿
fork atom

refactor: memoize shared components for performance optimization

yoginth.com 1e74f7c5 563e492d

verified
+8 -7
+1 -1
apps/web/src/components/Pages/Copyright.tsx
··· 1 + import { memo } from "react"; 1 2 import { Link } from "react-router"; 2 3 import PageHeader from "@/components/Pages/PageHeader"; 3 4 import PageLayout from "@/components/Shared/PageLayout"; 4 - import { memo } from "react"; 5 5 import { H4 } from "@/components/Shared/UI"; 6 6 7 7 const Copyright = () => {
+1 -1
apps/web/src/components/Pages/Guidelines.tsx
··· 1 + import { memo } from "react"; 1 2 import { Link } from "react-router"; 2 3 import PageHeader from "@/components/Pages/PageHeader"; 3 4 import PageLayout from "@/components/Shared/PageLayout"; 4 - import { memo } from "react"; 5 5 import { H4 } from "@/components/Shared/UI"; 6 6 7 7 const Guidelines = () => {
+1 -1
apps/web/src/components/Pages/Privacy.tsx
··· 1 + import { memo } from "react"; 1 2 import { Link } from "react-router"; 2 3 import PageHeader from "@/components/Pages/PageHeader"; 3 4 import PageLayout from "@/components/Shared/PageLayout"; 4 - import { memo } from "react"; 5 5 import { H4 } from "@/components/Shared/UI"; 6 6 7 7 const Privacy = () => {
+1 -1
apps/web/src/components/Pages/Terms.tsx
··· 1 + import { memo } from "react"; 1 2 import { Link } from "react-router"; 2 3 import PageHeader from "@/components/Pages/PageHeader"; 3 4 import PageLayout from "@/components/Shared/PageLayout"; 4 - import { memo } from "react"; 5 5 import { H4 } from "@/components/Shared/UI"; 6 6 7 7 const Terms = () => {
+1 -1
apps/web/src/components/Shared/Search/RecentAccounts.tsx
··· 1 1 import { XMarkIcon } from "@heroicons/react/24/outline"; 2 2 import getAccount from "@hey/helpers/getAccount"; 3 3 import { useAccountsBulkQuery } from "@hey/indexer"; 4 - import { useNavigate } from "react-router"; 5 4 import { memo } from "react"; 5 + import { useNavigate } from "react-router"; 6 6 import SingleAccount from "@/components/Shared/Account/SingleAccount"; 7 7 import Loader from "@/components/Shared/Loader"; 8 8 import { H6 } from "@/components/Shared/UI";
+2 -1
apps/web/src/components/Shared/Shimmer/FollowersYouKnowShimmer.tsx
··· 1 1 import Skeleton from "@/components/Shared/Skeleton"; 2 + import { memo } from "react"; 2 3 3 4 const FollowersYouKnowShimmer = () => { 4 5 return ( ··· 13 14 ); 14 15 }; 15 16 16 - export default FollowersYouKnowShimmer; 17 + export default memo(FollowersYouKnowShimmer);
+1 -1
apps/web/src/components/Shared/Shimmer/GroupListShimmer.tsx
··· 1 - import SingleGroupShimmer from "./SingleGroupShimmer"; 2 1 import { memo } from "react"; 2 + import SingleGroupShimmer from "./SingleGroupShimmer"; 3 3 4 4 const GroupListShimmer = () => { 5 5 return (