yoginth.com
Hey is a decentralized and permissionless social media app built with Lens Protocol 🌿
refactor: replace error handling functions with useCallback for performance optimization
+58
-55
+3
-3
apps/web/src/components/Post/OpenAction/CollectAction/CollectActionButton.tsx
+3
-3
apps/web/src/components/Post/OpenAction/CollectAction/CollectActionButton.tsx
···
7
7
useExecutePostActionMutation
8
8
} from "@hey/indexer";
9
9
import type { ApolloClientError } from "@hey/types/errors";
10
-
import { useState } from "react";
10
+
import { useCallback, useState } from "react";
11
11
import { toast } from "sonner";
12
12
import type { Address } from "viem";
13
13
import TopUpButton from "@/components/Shared/Account/TopUp/Button";
···
80
80
toast.success("Collected successfully");
81
81
};
82
82
83
-
const onError = (error: ApolloClientError) => {
83
+
const onError = useCallback((error: ApolloClientError) => {
84
84
setIsSubmitting(false);
85
85
errorToast(error);
86
-
};
86
+
}, []);
87
87
88
88
const { data: balance, loading: balanceLoading } = useBalancesBulkQuery({
89
89
fetchPolicy: "no-cache",
+2
-2
apps/web/src/components/Settings/Manager/AccountManager/Managers/List.tsx
+2
-2
apps/web/src/components/Settings/Manager/AccountManager/Managers/List.tsx
···
42
42
toast.success("Manager removed successfully");
43
43
};
44
44
45
-
const onError = (error: ApolloClientError) => {
45
+
const onError = useCallback((error: ApolloClientError) => {
46
46
errorToast(error);
47
47
setRemovingManager(null);
48
-
};
48
+
}, []);
49
49
50
50
const request: AccountManagersRequest = { pageSize: PageSize.Fifty };
51
51
const { data, error, fetchMore, loading } = useAccountManagersQuery({
+3
-3
apps/web/src/components/Settings/Personalize/Form.tsx
+3
-3
apps/web/src/components/Settings/Personalize/Form.tsx
···
11
11
account as accountMetadata,
12
12
MetadataAttributeType
13
13
} from "@lens-protocol/metadata";
14
-
import { useState } from "react";
14
+
import { useCallback, useState } from "react";
15
15
import { toast } from "sonner";
16
16
import { z } from "zod";
17
17
import AvatarUpload from "@/components/Shared/AvatarUpload";
···
76
76
toast.success("Account updated");
77
77
};
78
78
79
-
const onError = (error: ApolloClientError) => {
79
+
const onError = useCallback((error: ApolloClientError) => {
80
80
setIsSubmitting(false);
81
81
errorToast(error);
82
-
};
82
+
}, []);
83
83
84
84
const [setAccountMetadata] = useSetAccountMetadataMutation({
85
85
onCompleted: async ({ setAccountMetadata }) => {
+2
-2
apps/web/src/components/Settings/Sessions/List.tsx
+2
-2
apps/web/src/components/Settings/Sessions/List.tsx
···
23
23
null
24
24
);
25
25
26
-
const onError = (error: ApolloClientError) => {
26
+
const onError = useCallback((error: ApolloClientError) => {
27
27
setRevoking(false);
28
28
setRevokeingSessionId(null);
29
29
errorToast(error);
30
-
};
30
+
}, []);
31
31
32
32
const onCompleted = () => {
33
33
setRevoking(false);
+3
-3
apps/web/src/components/Settings/Username/UnlinkUsername.tsx
+3
-3
apps/web/src/components/Settings/Username/UnlinkUsername.tsx
···
1
1
import getAccount from "@hey/helpers/getAccount";
2
2
import { useUnassignUsernameFromAccountMutation } from "@hey/indexer";
3
3
import type { ApolloClientError } from "@hey/types/errors";
4
-
import { useState } from "react";
4
+
import { useCallback, useState } from "react";
5
5
import { toast } from "sonner";
6
6
import { Button, H6 } from "@/components/Shared/UI";
7
7
import errorToast from "@/helpers/errorToast";
···
18
18
toast.success("Unlinked");
19
19
};
20
20
21
-
const onError = (error: ApolloClientError) => {
21
+
const onError = useCallback((error: ApolloClientError) => {
22
22
setUnlinking(false);
23
23
errorToast(error);
24
-
};
24
+
}, []);
25
25
26
26
const [unassignUsernameFromAccount] = useUnassignUsernameFromAccountMutation({
27
27
onCompleted: async ({ unassignUsernameFromAccount }) => {
+3
-3
apps/web/src/hooks/useImageCropUpload.tsx
+3
-3
apps/web/src/hooks/useImageCropUpload.tsx
···
8
8
import sanitizeDStorageUrl from "@hey/helpers/sanitizeDStorageUrl";
9
9
import type { ApolloClientError } from "@hey/types/errors";
10
10
import type { ChangeEvent } from "react";
11
-
import { useState } from "react";
11
+
import { useCallback, useState } from "react";
12
12
import type { Area } from "react-easy-crop";
13
13
import { toast } from "sonner";
14
14
import uploadCroppedImage, { readFile } from "@/helpers/accountPictureUtils";
···
38
38
const [crop, setCrop] = useState({ x: 0, y: 0 });
39
39
const [zoom, setZoom] = useState(1);
40
40
41
-
const onError = (error: ApolloClientError) => {
41
+
const onError = useCallback((error: ApolloClientError) => {
42
42
errorToast(error);
43
-
};
43
+
}, []);
44
44
45
45
const handleUploadAndSave = async () => {
46
46
try {