diff --git a/src/components/SignInDialog.tsx b/src/components/SignInDialog.tsx
index b8124e389c..db34c3a5f7 100644
--- a/src/components/SignInDialog.tsx
+++ b/src/components/SignInDialog.tsx
@@ -12,6 +12,7 @@ import { toast } from "sonner";
import { createSiweMessage } from "viem/siwe";
import { useAccount, useConnect, useSignMessage } from "wagmi";
import { z } from "zod";
+import { Anchor } from "./ui/Anchor";
import { Button } from "./ui/Button";
import {
ResponsiveDialog,
@@ -43,37 +44,73 @@ export const SignInDialog = () => {
const WalletList = () => {
const { connectors, connect, isPending, variables } = useConnect();
+ const setOpen = useSetAtom(signInDialogOpenAtom);
return (
-
- {connectors.map((connector) => (
-
- ))}
+
+
+ {connectors.map((connector) => (
+
+ ))}
+
+
+
+
+ {"New to Ethereum wallets? "}
+
+ Learn more
+
+
+
+
+ {"By continuing, you agree to our "}
+ setOpen(false)}
+ >
+ Privacy Policy
+
+ {" and "}
+ setOpen(false)}
+ >
+ Terms of use
+
+
+
);
};
diff --git a/src/components/ui/Anchor.tsx b/src/components/ui/Anchor.tsx
index 74debf285e..a712e42e15 100644
--- a/src/components/ui/Anchor.tsx
+++ b/src/components/ui/Anchor.tsx
@@ -11,7 +11,7 @@ const anchorVariants = cva(
variants: {
variant: {
default: "text-foreground hover:underline",
- highlighted: "text-primary hover:underline",
+ highlighted: "text-blue-500 dark:text-blue-400 hover:underline",
muted: "text-muted-foreground hover:underline",
unstyled: "",
},