Merge pull request #868 from danskernesdigitalebibliotek/merge-develo…

…p-into-release-2024-05-0 Merge develop into release 2024 05 0
danskernesdigitalebibliotek · Jan 19, 2024 · f3d3ee3 · f3d3ee3
2 parents 39ab5b7 + a9b5079
commit f3d3ee3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/src/apps/reservation-list/modal/reservation-details/reservation-details-redirect.tsx b/src/apps/reservation-list/modal/reservation-details/reservation-details-redirect.tsx
@@ -4,6 +4,7 @@ import { useText } from "../../../../core/utils/text";
 import { MaterialProps } from "../../../loan-list/materials/utils/material-fetch-hoc";
 import { ReservationType } from "../../../../core/utils/types/reservation-type";
 import LinkButton from "../../../../components/Buttons/LinkButton";
+import { Button } from "../../../../components/Buttons/Button";
 
 export interface ReservationDetailsRedirectProps {
   reservation: ReservationType;
@@ -26,13 +27,17 @@ const ReservationDetailsRedirect: FC<
 
   return (
     <div className={`modal-details__buttons ${className}`}>
-      <button
-        type="button"
+      <Button
+        buttonType="none"
+        label={t("reservationDetailsRemoveDigitalReservationText")}
+        size="small"
+        variant="outline"
+        collapsible={false}
+        disabled={false}
         onClick={() => openReservationDeleteModal(reservation)}
-        className={`link-tag cursor-pointer ${linkClassNames}`}
-      >
-        {t("reservationDetailsRemoveDigitalReservationText")}
-      </button>
+        classNames={linkClassNames}
+        dataCy="remove-digital-reservation-button"
+      />
       <LinkButton
         dataCy="go-to-ereolen-button"
         size="small"

diff --git a/src/apps/reservation-list/modal/reservation-details/reservation-details.test.ts b/src/apps/reservation-list/modal/reservation-details/reservation-details.test.ts
@@ -229,8 +229,7 @@ describe("Reservation details modal", () => {
       .find(".text-small-caption")
       .should("have.text", "16-08-2022 12:52");
 
-    cy.get(".modal")
-      .find("button.link-tag")
+    cy.getBySel("remove-digital-reservation-button")
       .eq(0)
       .should("have.text", "Remove your reservation")
       .click();