react-adminlte-components/components/partials/user-menu/index.js

React Components that use AdminLTE theme

'use strict';
import React from 'react';
import style from "./user-menu";

class UserMenu extends React.Component {
  render() {
    return (
      <nav className="user-menu-content">
        <ul className="user-menu">
          <li className="item active">
            <a href="#" className="menu-link">
              <i className="icon-left nailicon-calendar"/>
              <span className="text">My Bookings (3)</span>
            </a>
          </li>
          <li className="item">
            <a href="#" className="menu-link">
              <i className="icon-left nailicon-heart"></i>
              <span className="text">Favorite Salon</span>
            </a>
          </li>
          <li className="item">
            <a href="#" className="menu-link">
              <i className="icon-left nailicon-avatar"/>
              <span className="text">Edit Profile</span>
            </a>
          </li>
          <li className="item">
            <a href="#" className="menu-link">
              <i className="icon-left nailicon-log-out"/>
              <span className="text">Log out</span>
            </a>
          </li>
        </ul>
      </nav>
    );
  }
}

export default UserMenu;