root.js 609 B

123456789101112131415161718192021222324252627
  1. import React from "react"
  2. import { GuestNav, CompactGuestNav } from "./guest-nav"
  3. import { UserNav, CompactUserNav } from "./user-nav"
  4. export class UserMenu extends React.Component {
  5. render() {
  6. if (this.props.isAuthenticated) {
  7. return <UserNav user={this.props.user} />
  8. } else {
  9. return <GuestNav />
  10. }
  11. }
  12. }
  13. export class CompactUserMenu extends React.Component {
  14. render() {
  15. if (this.props.isAuthenticated) {
  16. return <CompactUserNav user={this.props.user} />
  17. } else {
  18. return <CompactGuestNav />
  19. }
  20. }
  21. }
  22. export function select(state) {
  23. return state.auth
  24. }