react-lte/src/components/sidebar/LteSidebarUser.jsx

AdminLTE v3 template for ReactJS

import React from 'react';
import PropTypes from 'prop-types';

export default function LteSidebarUser({ avatar, href, name }) {
  return (
    <section className="user-panel mt-3 pb-3 mb-3 d-flex">
      <div className="image">
        <img src={avatar} className="img-circle elevation-2" alt="" />
      </div>
      <div className="info">
        <a href={href} className="d-block">{name}</a>
      </div>
    </section>
  );
}

LteSidebarUser.propTypes = {
  avatar: PropTypes.string,
  href: PropTypes.string,
  name: PropTypes.string,
};

LteSidebarUser.defaultProps = {
  avatar: '',
  href: '',
  name: '',
};