@thairath/tr-design-system 0.2.18 → 0.2.19

package/dist/index.cjs

@@ -2,7 +2,6 @@
 
 var React$1 = require('react');
 var _styled = require('@emotion/styled/base');
-var navigation = require('next/navigation');
 
 function _defineProperty(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
@@ -6574,7 +6573,7 @@ function TROENHeaderClient(_ref) {
   var [isMobileView, setIsMobileView] = React$1.useState(false);
   var [showStickyLogo, setShowStickyLogo] = React$1.useState(false);
   var containerRef = React$1.useRef(null);
-  var pathname = navigation.usePathname();
+  var [pathname, setPathname] = React$1.useState(window.location.pathname);
   // Detect mobile viewport
   React$1.useEffect(() => {
     var m = window.matchMedia("(max-width: 1023px)");
@@ -6590,6 +6589,11 @@ function TROENHeaderClient(_ref) {
     window.addEventListener("scroll", onScroll);
     return () => window.removeEventListener("scroll", onScroll);
   }, [isMobileView]);
+  React$1.useEffect(() => {
+    var handlePathChange = () => setPathname(window.location.pathname);
+    window.addEventListener("popstate", handlePathChange);
+    return () => window.removeEventListener("popstate", handlePathChange);
+  }, []);
   // Scroll active menu into center
   React$1.useEffect(() => {
     var _a;
@@ -6731,7 +6735,7 @@ function TROENHeaderClient(_ref) {
   }, item.name))))))));
 }
 
-var menu = {
+var data = {
   naviMenu: [{
     category: "Home",
     link: "/"
@@ -6834,14 +6838,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
   });