fix: button pro connect

SocialGouv · Nov 25, 2024 · 6d76ae5 · 6d76ae5
1 parent 3edbebf
commit 6d76ae5
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/packages/app/src/app/(default)/login/ProConnectLogin.tsx b/packages/app/src/app/(default)/login/ProConnectLogin.tsx
@@ -1,16 +1,20 @@
 "use client";
 
-import ProConnectButton from "@codegouvfr/react-dsfr/MonCompteProButton";
 import { signIn } from "next-auth/react";
 
 export interface ProConnectLoginProps {
   callbackUrl: string;
 }
 export const ProConnectLogin = ({ callbackUrl }: ProConnectLoginProps) => (
-  <ProConnectButton
-    onClick={e => {
-      e.preventDefault();
-      signIn("moncomptepro", { redirect: false });
-    }}
-  />
+  <div className="fr-connect-group">
+    <button
+      onClick={e => {
+        e.preventDefault();
+        signIn("moncomptepro", { redirect: false });
+      }}
+      className="fr-connect"
+    >
+      <span className="fr-connect__login">S’identifier avec</span> <span className="fr-connect__brand">ProConnect</span>
+    </button>
+  </div>
 );