@@ -57,13 +57,13 @@ class ScrollableMenuWrapper extends Component {
5757 componentDidMount ( ) {
5858 // Check if we have overflow content
5959 this . checkOverflow ( ) ;
60-
60+
6161 // Listen for window resize
62- window . addEventListener ( ' resize' , this . checkOverflow ) ;
62+ window . addEventListener ( " resize" , this . checkOverflow ) ;
6363 }
6464
6565 componentWillUnmount ( ) {
66- window . removeEventListener ( ' resize' , this . checkOverflow ) ;
66+ window . removeEventListener ( " resize" , this . checkOverflow ) ;
6767 }
6868
6969 checkOverflow = ( ) => {
@@ -78,14 +78,14 @@ class ScrollableMenuWrapper extends Component {
7878 this . setState ( { showBottomIndicator : true } ) ;
7979 }
8080 }
81- }
81+ } ;
8282
8383 handleScroll = ( ) => {
8484 // Hide the indicator on first scroll
8585 if ( ! this . state . hasScrolled ) {
86- this . setState ( {
86+ this . setState ( {
8787 showBottomIndicator : false ,
88- hasScrolled : true
88+ hasScrolled : true
8989 } ) ;
9090 }
9191 } ;
@@ -96,23 +96,15 @@ class ScrollableMenuWrapper extends Component {
9696
9797 return (
9898 < div className = { classes . scrollWrapper } >
99- < div
100- ref = { this . scrollRef }
101- className = { classes . scrollContent }
102- onScroll = { this . handleScroll }
103- >
99+ < div ref = { this . scrollRef } className = { classes . scrollContent } onScroll = { this . handleScroll } >
104100 { children }
105101 </ div >
106- < div
107- className = { `${ classes . bottomIndicator } ${
108- ! showBottomIndicator ? classes . hidden : ''
109- } `}
110- >
102+ < div className = { `${ classes . bottomIndicator } ${ ! showBottomIndicator ? classes . hidden : "" } ` } >
111103 < KeyboardArrowDownIcon />
112104 </ div >
113105 </ div >
114106 ) ;
115107 }
116108}
117109
118- export default withStyles ( styles ) ( ScrollableMenuWrapper ) ;
110+ export default withStyles ( styles ) ( ScrollableMenuWrapper ) ;
0 commit comments