feat: add support for anchor elements (#39)

ory · Nov 1, 2022 · f738cac · f738cac
1 parent ea1f22e
commit f738cac
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/react-components/ory/helpers/node.tsx b/src/react-components/ory/helpers/node.tsx
@@ -1,6 +1,7 @@
 import { UiNode, UiNodeInputAttributes, UiText } from "@ory/client"
 import {
   getNodeLabel,
+  isUiNodeAnchorAttributes,
   isUiNodeImageAttributes,
   isUiNodeInputAttributes,
   isUiNodeTextAttributes,
@@ -15,6 +16,7 @@ import { Image } from "../../image"
 import { InputField } from "../../input-field"
 import { Typography } from "../../typography"
 import { NodeMessages } from "./error-messages"
+import { ButtonLink } from "../../button-link"
 
 interface ButtonSubmit {
   type: "submit" | "reset" | "button" | undefined
@@ -214,6 +216,16 @@ export const Node = ({
           />
         )
     }
+  } else if (isUiNodeAnchorAttributes(node.attributes)) {
+    return (
+      <ButtonLink
+        href={node.attributes.href}
+        title={node.attributes.title.text}
+        data-testid={`node/anchor/${node.attributes.id}`}
+      >
+        {node.meta.label}
+      </ButtonLink>
+    )
   }
   return null
 }