Feat : nút quay lại

src/_components/Header/index.js

@@ -1,8 +1,11 @@
 import { useSelector } from "react-redux";
 import "./header.style.scss";
 import { configConstants } from "../../_constants";
+import PrimaryButton from "../Button/PrimaryButton";
+import { renderIconButtonLeft } from "../renderIcon";
+import { history } from "../../_helpers";
 
-export default function Header({ icon, title, subtitles = [],manager=false }) {
+export default function Header({ icon, title, subtitles = [], manager = false, isBack = false }) {
   const authentication = useSelector((state) => state.authentication);
   const { fullname, organization_name, role } = authentication?.user || {};
   const hasFullName = fullname || organization_name;
@@ -23,6 +26,16 @@ export default function Header({ icon, title, subtitles = [],manager=false }) {
   return (
     <div className="header-container">
       <div className="header-left-side">
+        {isBack && (
+          <div style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center' }}>
+              <PrimaryButton style={{ alignSelf: "center", justifyContent:'flex end', marginRight:30 }} onClick={()=>{
+                history.goBack()
+              }}>
+                <div style={{marginRight: 8, paddingBottom: 4}}>{renderIconButtonLeft()}</div>
+                Quay lại
+              </PrimaryButton>
+            </div>
+        )}
         {icon}
         <p className="header-title">
           {title}

src/_screens/home/headmaster/index.js

@@ -254,19 +254,11 @@ export default function HeadmasterHome() {
       <Header
         icon={renderIconHome({ color: "#4D4D4D" })}
         title={schoolName}
+        isBack={true}
       />
       <div className="container-page-header container-page-sidebar">
         <div className="headmaster-home-container bg-main-img">
           <div className="headmaster-home-left-side">
-            {authentication.user.role ==='supper_admin' &&(
-              <div style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center' }}>
-                  <PrimaryButton style={{ alignSelf: "center", justifyContent:'flex end', marginRight:30 }} onClick={()=>{
-                    history.goBack()
-                  }}>
-                    Quay lại
-                  </PrimaryButton>
-                </div>
-            )}
             <div className="headmaster-home-overview">
               <p className="headmaster-home-overview-title">
                 Mức độ hoàn thành của trường