@diagramers/admin/src/layout/nav/NavLogo.js

Diagramers Admin Template - React starter for admin dashboards.

import React from 'react';
import { Link } from 'react-router-dom';
import { DEFAULT_PATHS } from 'config.js';
import configService from 'services/configService';

const NavLogo = () => {
  const projectConfig = configService.getConfig();
  const projectName = configService.getProjectName();
  const logo = configService.getLogo();

  return (
    <div className="logo position-relative">
      <Link to={DEFAULT_PATHS.APP} className="d-flex align-items-center">
        {logo ? (
          <img 
            src={logo} 
            alt={projectName} 
            className="logo-img me-2"
            style={{ 
              maxHeight: '40px', 
              maxWidth: '120px',
              objectFit: 'contain'
            }}
          />
        ) : (
          <div className="img me-2" />
        )}
        <span className="project-name fw-bold text-dark" style={{ fontSize: '1.1rem' }}>
          {projectName}
        </span>
      </Link>
    </div>
  );
};

export default React.memo(NavLogo);