Refactoring after merge

Author: bl4de

blocks/header/header.js

@@ -11,6 +11,7 @@ import { loadFragment } from '../fragment/fragment.js';
 
 import renderAuthCombine from './renderAuthCombine.js';
 import { renderAuthDropdown } from './renderAuthDropdown.js';
+import { parseUrlHashTags, removeLink } from '../../scripts/hashTagParser.js';
 
 // media query match that indicates mobile/tablet width
 const isDesktop = window.matchMedia('(min-width: 900px)');
@@ -326,6 +327,20 @@ export default async function decorate(block) {
   navWrapper.append(nav);
   block.append(navWrapper);
 
+  parseUrlHashTags(
+    'nav',
+    (el, namespace, value) => {
+      if (namespace === 'display_for_') {
+        if (value === 'desktop_only' && !isDesktop.matches) {
+          removeLink(el);
+        }
+        if (value === 'mobile_only' && isDesktop.matches) {
+          removeLink(el);
+        }
+      }
+    },
+  );
+
   renderAuthCombine(
     navSections,
     () => !isDesktop.matches && toggleMenu(nav, navSections, false),

blocks/targeted-block/targeted-block.js

@@ -66,9 +66,10 @@ const updateTargetedBlocksVisibility = async () => {
   parseUrlHashTags(
     'main',
     (el, namespace, value) => {
+      const segments = activeRules.customerSegments.map((s) => s.name.toLowerCase());
       if (value.startsWith('segment')) {
-        const [prefix, segmentToMatch] = [...value.split('_')];
-        if (!activeRules.customerSegments.map((segment) => segment.name).includes(segmentToMatch)) {
+        const [_prefix, segment] = [...value.split('_')];
+        if (!segments.includes(segment.toLowerCase())) {
           hideLink(el);
         } else {
           showLink(el);