From 33dd0707f482dbf26bd27953c0f6bf2871eba192 Mon Sep 17 00:00:00 2001
From: Mikkel Jakobsen <jakobsen.mikkel@gmail.com>
Date: Thu, 26 Oct 2023 14:29:15 +0200
Subject: [PATCH] Make it even clearer that we show a status label for digital
 devices

By making a component dedicted for that use:
ReservationStatusInfoLabelDigital
---
 .../GroupModal/GroupModalReservationsList.tsx     |  7 ++-----
 .../ReservationStatusInfoLabelDigital.tsx         | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 5 deletions(-)
 create mode 100644 src/components/reservation/ReservationStatusInfoLabelDigital.tsx

diff --git a/src/components/GroupModal/GroupModalReservationsList.tsx b/src/components/GroupModal/GroupModalReservationsList.tsx
index 61072738e7..012c8e6fcf 100644
--- a/src/components/GroupModal/GroupModalReservationsList.tsx
+++ b/src/components/GroupModal/GroupModalReservationsList.tsx
@@ -5,7 +5,7 @@ import usePager from "../result-pager/use-pager";
 import { ReservationType } from "../../core/utils/types/reservation-type";
 import StatusBadge from "../../apps/loan-list/materials/utils/status-badge";
 import { formatDate } from "../../core/utils/helpers/date";
-import ReservationStatusInfoLabel from "../reservation/ReservationStatusInfoLabel";
+import ReservationStatusInfoLabelDigital from "../reservation/ReservationStatusInfoLabelDigital";
 
 export interface GroupModalReservationsListProps {
   materials: ReservationType[];
@@ -90,10 +90,7 @@ const GroupModalReservationsList: FC<GroupModalReservationsListProps> = ({
                       />
                     ) : (
                       expiryDate && (
-                        <ReservationStatusInfoLabel
-                          date={expiryDate}
-                          isDigital
-                        />
+                        <ReservationStatusInfoLabelDigital date={expiryDate} />
                       )
                     )
                   }
diff --git a/src/components/reservation/ReservationStatusInfoLabelDigital.tsx b/src/components/reservation/ReservationStatusInfoLabelDigital.tsx
new file mode 100644
index 0000000000..52e1f818bf
--- /dev/null
+++ b/src/components/reservation/ReservationStatusInfoLabelDigital.tsx
@@ -0,0 +1,15 @@
+import * as React from "react";
+import { FC } from "react";
+import ReservationStatusInfoLabel from "./ReservationStatusInfoLabel";
+
+export interface ReservationStatusInfoLabelDigitalProps {
+  date: string;
+}
+
+const ReservationStatusInfoLabelDigital: FC<
+  ReservationStatusInfoLabelDigitalProps
+> = ({ date }) => {
+  return <ReservationStatusInfoLabel date={date} isDigital />;
+};
+
+export default ReservationStatusInfoLabelDigital;