chore: only show select another method button if available

ory · Nov 15, 2024 · 0f72c91 · 0f72c91
1 parent 40516c7
commit 0f72c91
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/packages/elements-react/src/theme/default/components/card/footer.tsx b/packages/elements-react/src/theme/default/components/card/footer.tsx
@@ -104,16 +104,20 @@ function RegistrationCardFooter() {
   return (
     <span className="text-sm font-normal antialiased leading-normal">
       {formState.current === "method_active" ? (
-        <button
-          className="font-medium text-links-link-default"
-          type="submit"
-          onClick={handleScreenSelection}
-        >
-          {intl.formatMessage({
-            id: "card.footer.select-another-method",
-            defaultMessage: "Select another method",
-          })}
-        </button>
+        <>
+          {screenSelectionNode && (
+            <button
+              className="font-medium text-links-link-default"
+              type="submit"
+              onClick={handleScreenSelection}
+            >
+              {intl.formatMessage({
+                id: "card.footer.select-another-method",
+                defaultMessage: "Select another method",
+              })}
+            </button>
+          )}
+        </>
       ) : (
         <>
           {intl.formatMessage({