Initialize slider value based on material type in URL on work page

danskernesdigitalebibliotek · Dec 4, 2024 · f3f2b67 · f3f2b67
1 parent 068e259
commit f3f2b67
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/components/pages/workPageLayout/WorkPageHeader.tsx b/components/pages/workPageLayout/WorkPageHeader.tsx
@@ -71,6 +71,14 @@ const WorkPageHeader = ({ work }: WorkPageHeaderProps) => {
     undefined
   )
   const findInitialSliderValue = () => {
+    const searchParams = new URLSearchParams(window.location.search)
+    // If we have a material type specified in the URL, we use that
+    if (
+      searchParams.has("type") &&
+      slideSelectOptions.some(option => option.render === searchParams.get("type"))
+    ) {
+      return slideSelectOptions.find(option => option.render === searchParams.get("type"))
+    }
     return slideSelectOptions.find(option => {
       return selectedManifestation?.materialTypes.find(materialType => {
         return materialType.materialTypeGeneral.code.includes(option.value)