forked from HoangLaoTa/gk_se_web_report
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.0 KiB
32 lines
1.0 KiB
import { useSelector } from "react-redux";
|
|
import "./header.style.scss";
|
|
import { configConstants } from "../../_constants";
|
|
|
|
export default function Header({ icon, title, subtitles = [] }) {
|
|
const authentication = useSelector((state) => state.authentication);
|
|
|
|
return (
|
|
<div className="header-container">
|
|
<div className="header-left-side">
|
|
{icon}
|
|
<p className="header-title">
|
|
{title}
|
|
{!!subtitles?.length &&
|
|
subtitles?.map((item, index) => (
|
|
<span key={index} style={{ fontWeight: 400 }}>
|
|
<span className="header-title">{" - "}</span>
|
|
{item}
|
|
</span>
|
|
))}
|
|
</p>
|
|
</div>
|
|
<div className="header-right-side">
|
|
<p className="header-name">{authentication?.user?.fullname}</p>
|
|
<img
|
|
src={!!authentication?.user?.avatar ? (configConstants.BASE_URL + authentication?.user?.avatar) : '/assets/imgs/avatar_auth.png'}
|
|
className="header-avatar"
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|