Make articles always show as available in the availability labels

danskernesdigitalebibliotek · Apr 3, 2024 · a2cbc86 · a2cbc86
1 parent 11987cd
commit a2cbc86
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/components/availability-label/availability-label.tsx b/src/components/availability-label/availability-label.tsx
@@ -11,6 +11,7 @@ import {
 } from "../../core/dbc-gateway/generated/graphql";
 import AvailabilityLabelInside from "./availability-label-inside";
 import { FaustId } from "../../core/utils/types/ids";
+import { ManifestationMaterialType } from "../../core/utils/types/material-type";
 
 export interface AvailabilityLabelProps {
   manifestText: string;
@@ -47,9 +48,13 @@ export const AvailabilityLabel: React.FC<AvailabilityLabelProps> = ({
     isbn: isbns ? isbns[0] : null
   });
 
-  const availabilityText = isAvailable
+  let availabilityText = isAvailable
     ? t("availabilityAvailableText")
     : t("availabilityUnavailableText");
+  // Articles are always available
+  if (manifestText === ManifestationMaterialType.article) {
+    availabilityText = t("availabilityAvailableText");
+  }
 
   useDeepCompareEffect(() => {
     // Track material availability (status) if the button is active - also meaning
@@ -71,7 +76,12 @@ export const AvailabilityLabel: React.FC<AvailabilityLabelProps> = ({
     <AvailabilityLabelInside
       selected={selected}
       isLoading={!!isLoading}
-      isAvailable={!!isAvailable}
+      // Articles are always available
+      isAvailable={
+        manifestText === ManifestationMaterialType.article
+          ? true
+          : !!isAvailable
+      }
       manifestText={manifestText}
       availabilityText={availabilityText}
     />