38 lines
1.4 KiB
JavaScript
38 lines
1.4 KiB
JavaScript
import { useTranslation } from "react-i18next";
|
|
import clsx from "clsx";
|
|
|
|
import styles from "./Topbar.module.scss";
|
|
import { useIsOpenedConfigPage } from "@logics_common";
|
|
import ArrowLeftSvg from "@images/arrow_left.svg?react";
|
|
|
|
import { TitleBox } from "./title_box/TitleBox";
|
|
import { SectionTitleBox } from "./section_title_box/SectionTitleBox";
|
|
import { CompactSwitchBox } from "./compact_switch_box/CompactSwitchBox";
|
|
|
|
export const Topbar = () => {
|
|
const { t } = useTranslation();
|
|
const { currentIsOpenedConfigPage, setIsOpenedConfigPage } = useIsOpenedConfigPage();
|
|
const closeConfigPage = () => {
|
|
setIsOpenedConfigPage(false);
|
|
};
|
|
return (
|
|
<div className={clsx(styles.container, {
|
|
[styles.show_config]: currentIsOpenedConfigPage.data,
|
|
[styles.show_main]: !currentIsOpenedConfigPage.data
|
|
})}>
|
|
<div className={styles.wrapper} onClick={() => closeConfigPage()}>
|
|
<div className={styles.go_back_button}>
|
|
<ArrowLeftSvg className={styles.arrow_left_svg} />
|
|
</div>
|
|
<div className={styles.go_back_text_wrapper}>
|
|
<p className={styles.go_back_text}>{t("common.go_back_button_label")}</p>
|
|
</div>
|
|
|
|
|
|
{/* <TitleBox />
|
|
<SectionTitleBox />
|
|
<CompactSwitchBox /> */}
|
|
</div>
|
|
</div>
|
|
);
|
|
}; |