message: Only show groups caret if the user has groups
diff: @@ -19,6 +19,7 @@ const Header = styled(Link)`
  position: relative;
  user-select: none;
  + ${props => props.hasGroups && `
  // Left-facing Caret
  &:before,
  &:after {
  @@ -31,7 +32,7 @@ const Header = styled(Link)`
  height: 0;
  transform: translateY(-50%);
  border-top: 0.5em solid transparent;
  - border-right: 0.5em solid ${x => x.theme.colors.gray.base};
  + border-right: 0.5em solid ${props.theme.colors.gray.base};
  border-bottom: 0.5em solid transparent;
  border-left: 0.5em solid transparent;
  pointer-events: none;
  @@ -41,6 +42,7 @@ const Header = styled(Link)`
  border-right-color: white;
  margin-right: -1px;
  }
  + `}
  ${props => props.is_my_groups_dropdown_visible && `
  // Down-facing Caret
  @@ -117,10 +119,17 @@ class MyGroups extends Component {
  render() {
  const { me: { groups, is_my_groups_dropdown_visible } } = this.props;
  + const hasGroups = groups.length > 0;
  +
  + console.log('hasGroups', hasGroups);
  return (
  <div>
  - <Header onClick={this.toggle} is_my_groups_dropdown_visible={is_my_groups_dropdown_visible}>
  + <Header
  + onClick={this.toggle}
  + hasGroups={hasGroups}
  + is_my_groups_dropdown_visible={is_my_groups_dropdown_visible}
  + >
  Groups
  <BetaBadge>BETA</BetaBadge>
  </Header>
  