File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
import React from "react";
import { useNavigate } from "react-router-dom";
import Icon from "@mdi/react";
import { mdiTrashCanOutline, mdiPencilOutline, mdiChevronLeft } from "@mdi/js";
function Header(props) {
const navigate = useNavigate();
const rollBackBtn = () => {
navigate(-1); // 바로 이전 페이지로 이동
};
return (
<header>
<div
className={
"flex align-center no-gutters "+
(props.pathName !== "영업 일지"
? "justify-center"
: "justify-between")
}
>
{props.pathName === "영업 일지" ? (
<div className="col-2">
<button onClick={rollBackBtn}>
<Icon path={mdiChevronLeft} size={1.5} color={"#fff"} />
</button>
</div>
) : null}
<p className="current-name col-8 text-ct">{props.pathName}</p>
{props.pathName === "영업 일지" ? (
<div className="col-2">
<button className="mr5 btn">
<Icon path={mdiTrashCanOutline} size={1.2} color={"#fff"} />
</button>
<button>
<Icon path={mdiPencilOutline} size={1.2} color={"#fff"} />
</button>
</div>
) : null}
</div>
</header>
);
}
export default Header;