define event listener in constructor

src/client/js/components/Navbar/GrowiSubNavigation.jsx

@@ -20,12 +20,6 @@ const GrowiSubNavigation = (props) => {
   const {
     path, createdAt, creator, updatedAt, revisionAuthor, isCompactMode,
   } = pageContainer.state;
-  console.log(isCompactMode);
-  // const isCompactMode = window.addEventListener('scroll', () => {
-  //   console.log(window.pageYOffset);
-  //   console.log(window.pageYOffset > 122);
-  //   return window.pageYOffset > 122;
-  // });
   const compactClassName = isCompactMode ? 'fixed-top grw-compact-subnavbar px-3' : null;
 
   // Display only the RevisionPath if the page is trash or forbidden

src/client/js/services/PageContainer.js

@@ -65,11 +65,9 @@ export default class PageContainer extends Container {
     this.save = this.save.bind(this);
     this.addWebSocketEventHandlers = this.addWebSocketEventHandlers.bind(this);
     this.addWebSocketEventHandlers();
-  }
 
-  componentDidMount() {
-    window.addEventListener('scroll', () => { this.setState({ isCompactMode: window.pageYOffset > 122 }) });
-    console.log(this.state.isCompactMode);
+    const scrollAmountForFixed = 122;
+    window.addEventListener('scroll', () => { this.setState({ isCompactMode: window.pageYOffset > scrollAmountForFixed }) });
   }
 
   /**