Use LinkButton insted of Link component inside the warning bar

danskernesdigitalebibliotek · Dec 12, 2023 · 6eb0117 · 6eb0117
1 parent f8835b1
commit 6eb0117
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/apps/loan-list/materials/utils/warning-bar.tsx b/src/apps/loan-list/materials/utils/warning-bar.tsx
@@ -1,6 +1,7 @@
 import React, { FC, useId } from "react";
 import IconWarning from "@danskernesdigitalebibliotek/dpl-design-system/build/icons/basic/icon-warning.svg";
 import Link from "../../../../components/atoms/links/Link";
+import LinkButton from "../../../../components/Buttons/LinkButton";
 
 interface WarningBarProps {
   linkText?: string;
@@ -56,14 +57,15 @@ const WarningBar: FC<WarningBarProps> = ({
             {rightButtonAriaLabelText}
           </span>
           {rightLink && (
-            <Link
+            <LinkButton
               dataCy="warning-bar-right-link"
-              href={rightLink}
-              className="btn-primary btn-filled btn-small arrow__hover--right-small"
+              url={rightLink}
+              size="small"
+              variant="filled"
               ariaLabelledBy={labelId}
             >
               {rightButtonText}
-            </Link>
+            </LinkButton>
           )}
         </div>
       )}