with-dropdown.js 538 B

123456789101112131415161718192021222324252627282930313233
  1. import React from 'react';
  2. export default class extends React.Component {
  3. constructor(props) {
  4. super(props);
  5. this.state = {
  6. dropdown: false
  7. };
  8. }
  9. /* jshint ignore:start */
  10. toggleNav = () => {
  11. this.setState({
  12. dropdown: !this.state.dropdown
  13. });
  14. };
  15. hideNav = () => {
  16. this.setState({
  17. dropdown: false
  18. });
  19. };
  20. /* jshint ignore:end */
  21. getCompactNavClassName() {
  22. if (this.state.dropdown) {
  23. return 'compact-nav open';
  24. } else {
  25. return 'compact-nav';
  26. }
  27. }
  28. }