every_holiday/VRCT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Update] Main Page: Connect to backend. IsMainPageCompactMode.

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-09-23 10:21:49 +09:00
parent fab5fbc070
commit c0ba530d32
7 changed files with 46 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src-ui/app/main_page/sidebar_section/SidebarSection.jsx
View File

@@ -1,7 +1,8 @@
import clsx from "clsx";
import styles from "./SidebarSection.module.scss";
import { useStore_IsMainPageCompactMode, useStore_IsOpenedLanguageSelector } from "@store";
import { useStore_IsOpenedLanguageSelector } from "@store";
import { useIsMainPageCompactMode } from "@logics_main/useIsMainPageCompactMode";
import { Logo } from "./logo/Logo";
import { MainFunctionSwitch } from "./main_function_switch/MainFunctionSwitch";
@@ -9,7 +10,7 @@ import { LanguageSettings } from "./language_settings/LanguageSettings";
import { OpenSettings } from "./open_settings/OpenSettings";
export const SidebarSection = () => {
const { currentIsMainPageCompactMode } = useStore_IsMainPageCompactMode();
const { currentIsMainPageCompactMode } = useIsMainPageCompactMode();
const container_class_name = clsx(styles.container, {
[styles.is_compact_mode]: currentIsMainPageCompactMode.data
});

4
src-ui/app/main_page/sidebar_section/logo/Logo.jsx
View File

@@ -11,10 +11,10 @@ export const Logo = () => {
import vrct_logo from "@images/vrct_logo_for_dark_mode.png";
import chato_img from "@images/chato_white.png";
import { useStore_IsMainPageCompactMode } from "@store";
import { useIsMainPageCompactMode } from "@logics_main/useIsMainPageCompactMode";
export const LogoBox = () => {
const { currentIsMainPageCompactMode } = useStore_IsMainPageCompactMode();
const { currentIsMainPageCompactMode } = useIsMainPageCompactMode();
if (currentIsMainPageCompactMode.data === true) {
return <img src={chato_img} className={styles.logo_chato} alt="VRCT logo chato" />;
} else {

4
src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.jsx
View File

@@ -5,7 +5,7 @@ import TranslationSvg from "@images/translation.svg?react";
import MicSvg from "@images/mic.svg?react";
import HeadphonesSvg from "@images/headphones.svg?react";
import ForegroundSvg from "@images/foreground.svg?react";
import { useStore_IsMainPageCompactMode } from "@store";
import { useIsMainPageCompactMode } from "@logics_main/useIsMainPageCompactMode";
import { useMainFunction } from "@logics_main/useMainFunction";
@@ -74,7 +74,7 @@ export const SwitchContainer = ({ switchLabel, switch_id, children, currentState
const [is_hovered, setIsHovered] = useState(false);
const [is_mouse_down, setIsMouseDown] = useState(false);
const { currentIsMainPageCompactMode } = useStore_IsMainPageCompactMode();
const { currentIsMainPageCompactMode } = useIsMainPageCompactMode();
const getClassNames = (baseClass) => clsx(baseClass, {
[styles.is_compact_mode]: currentIsMainPageCompactMode.data,