25 lines
900 B
JavaScript
25 lines
900 B
JavaScript
import clsx from "clsx";
|
|
|
|
import styles from "./SidebarSection.module.scss";
|
|
import { useStore_IsMainPageCompactMode } from "@store";
|
|
|
|
import { Logo } from "./logo/Logo";
|
|
import { MainFunctionSwitch } from "./main_function_switch/MainFunctionSwitch";
|
|
import { LanguageSettings } from "./language_settings/LanguageSettings";
|
|
import { OpenSettings } from "./open_settings/OpenSettings";
|
|
|
|
export const SidebarSection = () => {
|
|
const { currentIsMainPageCompactMode } = useStore_IsMainPageCompactMode();
|
|
const container_class_name = clsx(styles["container"], {
|
|
[styles["is_compact_mode"]]: currentIsMainPageCompactMode
|
|
});
|
|
|
|
return (
|
|
<div className={container_class_name}>
|
|
<Logo />
|
|
<MainFunctionSwitch />
|
|
{!currentIsMainPageCompactMode && <LanguageSettings />}
|
|
<OpenSettings />
|
|
</div>
|
|
);
|
|
}; |