app/components/CustomScrollbars.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

import React, { Component, PropTypes } from 'react';
import { Scrollbars } from 'react-custom-scrollbars';

/**
 * Custom scrollbars component
 *
 * @export
 * @class CustomScrollbars
 * @extends {React.Component}
 */
export default class CustomScrollbars extends Component {
  /**
   * PropTypes
   * @static
   * @memberOf CustomScrollbars
   */
  static propTypes = {
    children: PropTypes.element
  }

  /**
   * @override
   */
  render() {
    return (
      <Scrollbars
        { ...this.props }
        renderThumbVertical={ () => <div className="custom-scrollbars__thumb-vertical"/> }>
        { this.props.children }
      </Scrollbars>
    );
  }
}