From effa1caf74a7c427e4a405f111891f4c1ffd3934 Mon Sep 17 00:00:00 2001
From: BrickheadJohnny <johnny.zgen@gmail.com>
Date: Mon, 25 Nov 2024 18:46:20 +0100
Subject: [PATCH] feat(SignInDialog): add error toast

---
 src/components/SignInDialog.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/SignInDialog.tsx b/src/components/SignInDialog.tsx
index 76b98c7afe..ddcb9586b9 100644
--- a/src/components/SignInDialog.tsx
+++ b/src/components/SignInDialog.tsx
@@ -3,11 +3,12 @@
 import { signIn } from "@/actions/auth";
 import { signInDialogOpenAtom } from "@/config/atoms";
 import { env } from "@/lib/env";
-import { SignIn, User, Wallet } from "@phosphor-icons/react/dist/ssr";
+import { SignIn, User, Wallet, XCircle } from "@phosphor-icons/react/dist/ssr";
 import { DialogDescription } from "@radix-ui/react-dialog";
 import { useMutation } from "@tanstack/react-query";
 import { useAtom, useSetAtom } from "jotai";
 import { shortenHex } from "lib/shortenHex";
+import { toast } from "sonner";
 import { createSiweMessage } from "viem/siwe";
 import { useAccount, useConnect, useSignMessage } from "wagmi";
 import { z } from "zod";
@@ -110,6 +111,13 @@ const SignInWithEthereum = () => {
       return signIn({ message, signature });
     },
     onSuccess: () => setSignInDialogOpen(false),
+    onError: (error) => {
+      toast("Sign in error", {
+        description: error.message,
+        icon: <XCircle weight="fill" className="text-icon-error" />,
+      });
+      console.error(error);
+    },
   });
 
   return (