diff --git a/app/components/DashboardScorePanel.tsx b/app/components/DashboardScorePanel.tsx index d8d18c85a..bd6c1b957 100644 --- a/app/components/DashboardScorePanel.tsx +++ b/app/components/DashboardScorePanel.tsx @@ -24,7 +24,6 @@ const ScoreRing = ({ className }: { className: string }) => { const { rawScore, passportSubmissionState } = React.useContext(ScorerContext); const [verificationState, _setUserVerificationState] = useAtom(mutableUserVerificationAtom); const [displayScore, setDisplayScore] = React.useState(0); - const toast = useToast(); // This enables the animation on page load useEffect(() => { @@ -35,23 +34,6 @@ const ScoreRing = ({ className }: { className: string }) => { } }, [rawScore, verificationState.loading]); - useEffect(() => { - if (verificationState.success === true) { - toast({ - duration: 9000, - isClosable: true, - render: (result: any) => ( - - ), - }); - } - }, [toast, verificationState.success]); - return (
diff --git a/app/hooks/useOneClickVerification.tsx b/app/hooks/useOneClickVerification.tsx index b92181194..ca9287768 100644 --- a/app/hooks/useOneClickVerification.tsx +++ b/app/hooks/useOneClickVerification.tsx @@ -9,6 +9,9 @@ import { CeramicContext } from "../context/ceramicContext"; import { useWalletStore } from "../context/walletStore"; import { useAtom } from "jotai"; import { mutableUserVerificationAtom } from "../context/userState"; +import { datadogLogs } from "@datadog/browser-logs"; +import { useToast } from "@chakra-ui/react"; +import { DoneToastContent } from "../components/DoneToastContent"; export const useOneClickVerification = () => { const [verificationState, setUserVerificationState] = useAtom(mutableUserVerificationAtom); @@ -16,11 +19,13 @@ export const useOneClickVerification = () => { const { did } = useDatastoreConnectionContext(); const { passport, allPlatforms, handlePatchStamps } = useContext(CeramicContext); const address = useWalletStore((state) => state.address); + const toast = useToast(); const initiateVerification = async function () { if (!did || !address) { return; } + datadogLogs.logger.info("Initiating one click verification", { address }); setUserVerificationState({ ...verificationState, loading: true, @@ -82,6 +87,19 @@ export const useOneClickVerification = () => { success: true, possiblePlatforms: [], }); + toast({ + duration: 9000, + isClosable: true, + render: (result: any) => ( + + ), + }); + datadogLogs.logger.info("Successfully completed one click verification", { address }); } catch (error) { setUserVerificationState({ ...verificationState, @@ -89,6 +107,7 @@ export const useOneClickVerification = () => { error: String(error), possiblePlatforms: [], }); + datadogLogs.logger.error("Error when attempting on click verification", { error: String(error) }); } };