Update action link for NHS.UK frontend v10.0.0

Author: colinrotherham

src/components/navigation/action-link/ActionLink.tsx

@@ -9,12 +9,10 @@ const ActionLinkComponent: FC<AsElementLink<HTMLAnchorElement>> = ({
   className,
   ...rest
 }) => (
-  <div className="nhsuk-action-link">
-    <Element className={classNames('nhsuk-action-link__link', className)} {...rest}>
-      <ArrowRightCircle />
-      <span className="nhsuk-action-link__text">{children}</span>
-    </Element>
-  </div>
+  <Element className={classNames('nhsuk-action-link', className)} {...rest}>
+    <ArrowRightCircle />
+    <span className="nhsuk-action-link__text">{children}</span>
+  </Element>
 );
 
 export default ActionLinkComponent;

src/components/navigation/action-link/__tests__/__snapshots__/ActionLink.test.tsx.snap

@@ -2,32 +2,28 @@
 
 exports[`ActionLink matches snapshot: ActionLink 1`] = `
 <div>
-  <div
+  <a
     class="nhsuk-action-link"
+    href="/test"
   >
-    <a
-      class="nhsuk-action-link__link"
-      href="/test"
+    <svg
+      aria-hidden="true"
+      class="nhsuk-icon nhsuk-icon--arrow-right-circle"
+      focusable="false"
+      height="16"
+      viewBox="0 0 24 24"
+      width="16"
+      xmlns="http://www.w3.org/2000/svg"
     >
-      <svg
-        aria-hidden="true"
-        class="nhsuk-icon nhsuk-icon--arrow-right-circle"
-        focusable="false"
-        height="16"
-        viewBox="0 0 24 24"
-        width="16"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z"
-        />
-      </svg>
-      <span
-        class="nhsuk-action-link__text"
-      >
-        Test
-      </span>
-    </a>
-  </div>
+      <path
+        d="M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z"
+      />
+    </svg>
+    <span
+      class="nhsuk-action-link__text"
+    >
+      Test
+    </span>
+  </a>
 </div>
 `;