fix(ProConnectButton): ProConnect is out! (#315)

* fix: conflict between proconnect and franceconnect buttons * fix: proconnect link, root domain is not available yet * fix: franceconnect documentation link * feat: hide AC & MCP buttons, shows PC button instead
codegouvfr · Oct 7, 2024 · b563a8b · b563a8b
1 parent 5604438
commit b563a8b
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 7 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -110,8 +110,7 @@ const { getHardCodedWeight } = (() => {
         "components/Stepper",
         "components/Button",
         "components/FranceConnectButton",
-        "components/AgentConnectButton",
-        "components/MonCompteProButton"
+        "components/ProConnectButton"
     ];
 
     function getHardCodedWeight(kind) {

diff --git a/src/ProConnectButton.tsx b/src/ProConnectButton.tsx
@@ -53,7 +53,7 @@ export const ProConnectButton = memo(
                 style={style}
                 ref={ref}
             >
-                <Inner className={fr.cx("fr-btn", "fr-connect")} {...innerProps}>
+                <Inner className={cx(fr.cx("fr-btn", "fr-connect"), "pro-connect")} {...innerProps}>
                     <span className={cx(fr.cx("fr-connect__login"), classes.login)}>
                         S’identifier avec
                     </span>
@@ -63,7 +63,7 @@ export const ProConnectButton = memo(
                 </Inner>
                 <p>
                     <a
-                        href={"https://proconnect.gouv.fr/"}
+                        href={"https://www.proconnect.gouv.fr/"}
                         target="_blank"
                         rel="noopener"
                         title={`${t("what is service")} - ${t("new window")}`}

diff --git a/src/assets/proconnect-btn.css b/src/assets/proconnect-btn.css
diff --git a/stories/FranceConnectButton.stories.tsx b/stories/FranceConnectButton.stories.tsx
@@ -6,7 +6,7 @@ const { meta, getStory } = getStoryFactory({
     sectionName,
     "wrappedComponent": { FranceConnectButton },
     "description": `
-- [See DSFR documentation](https://github.com/france-connect/Documentation-AgentConnect/blob/main/doc_fs/implementation_fca/bouton_fca.md)
+- [See DSFR documentation](https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants/bouton-franceconnect/)
 - [See source code](https://github.com/codegouvfr/react-dsfr/blob/main/src/FranceConnectButton.tsx)`
 });