@thairath/tr-design-system 0.2.18 → 0.2.19

package/dist/index.esm.js

@@ -1,6 +1,5 @@
 import React$1, { useState, useEffect, useRef, useContext, createContext } from 'react';
 import _styled from '@emotion/styled/base';
-import { usePathname } from 'next/navigation';
 
 function _defineProperty(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
@@ -6572,7 +6571,7 @@ function TROENHeaderClient(_ref) {
   var [isMobileView, setIsMobileView] = useState(false);
   var [showStickyLogo, setShowStickyLogo] = useState(false);
   var containerRef = useRef(null);
-  var pathname = usePathname();
+  var [pathname, setPathname] = useState(window.location.pathname);
   // Detect mobile viewport
   useEffect(() => {
     var m = window.matchMedia("(max-width: 1023px)");
@@ -6588,6 +6587,11 @@ function TROENHeaderClient(_ref) {
     window.addEventListener("scroll", onScroll);
     return () => window.removeEventListener("scroll", onScroll);
   }, [isMobileView]);
+  useEffect(() => {
+    var handlePathChange = () => setPathname(window.location.pathname);
+    window.addEventListener("popstate", handlePathChange);
+    return () => window.removeEventListener("popstate", handlePathChange);
+  }, []);
   // Scroll active menu into center
   useEffect(() => {
     var _a;
@@ -6729,7 +6733,7 @@ function TROENHeaderClient(_ref) {
   }, item.name))))))));
 }
 
-var menu = {
+var data = {
   naviMenu: [{
     category: "Home",
     link: "/"
@@ -6832,14 +6836,14 @@ var menu = {
   }]
 };
 
-// src/components/organisms/HeaderEN/headerEN.server.tsx
+// src/components/organisms/HeaderEN/headerEN.tsx
 var TROENHeader = _ref => {
   var {
     logoColor = 'Color',
     loading = "Loading..."
   } = _ref;
   return /*#__PURE__*/React.createElement(TROENHeaderClient, {
-    data: menu,
+    data: data,
     logoColor: logoColor,
     loading: loading
   });