Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2025-11-18 12:41:11 +10:00
Code Issues Packages Projects Releases Wiki Activity

close sidebar

Browse Source
This commit is contained in:
Philipinho
2025-04-21 20:11:55 +01:00
parent f029381952
commit 9ce708bb7d
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/features/page/tree/components/space-tree.tsx
View File

@ -8,7 +8,7 @@ import {
useUpdatePageMutation, useUpdatePageMutation,
} from "@/features/page/queries/page-query.ts"; } from "@/features/page/queries/page-query.ts";
import { useEffect, useRef, useState } from "react"; import { useEffect, useRef, useState } from "react";
import { Link, useNavigate, useParams } from "react-router-dom"; import { Link, useParams } from "react-router-dom";
import classes from "@/features/page/tree/styles/tree.module.css"; import classes from "@/features/page/tree/styles/tree.module.css";
import { ActionIcon, Box, Menu, rem } from "@mantine/core"; import { ActionIcon, Box, Menu, rem } from "@mantine/core";
import { import {

12
apps/client/src/features/space/components/sidebar/space-sidebar.tsx
View File

@ -38,6 +38,8 @@ import PageImportModal from "@/features/page/components/page-import-modal.tsx";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { SwitchSpace } from "./switch-space"; import { SwitchSpace } from "./switch-space";
import ExportModal from "@/components/common/export-modal"; import ExportModal from "@/components/common/export-modal";
import { mobileSidebarAtom } from "@/components/layouts/global/hooks/atoms/sidebar-atom.ts";
import { useToggleSidebar } from "@/components/layouts/global/hooks/hooks/use-toggle-sidebar.ts";
export function SpaceSidebar() { export function SpaceSidebar() {
const { t } = useTranslation(); const { t } = useTranslation();
@ -45,6 +47,9 @@ export function SpaceSidebar() {
const location = useLocation(); const location = useLocation();
const [opened, { open: openSettings, close: closeSettings }] = const [opened, { open: openSettings, close: closeSettings }] =
useDisclosure(false); useDisclosure(false);
const [mobileSidebarOpened] = useAtom(mobileSidebarAtom);
const toggleMobileSidebar = useToggleSidebar(mobileSidebarAtom);
const { spaceSlug } = useParams(); const { spaceSlug } = useParams();
const { data: space, isLoading, isError } = useGetSpaceBySlugQuery(spaceSlug); const { data: space, isLoading, isError } = useGetSpaceBySlugQuery(spaceSlug);
@ -123,7 +128,12 @@ export function SpaceSidebar() {
) && ( ) && (
<UnstyledButton <UnstyledButton
className={classes.menu} className={classes.menu}
onClick={handleCreatePage} onClick={() => {
handleCreatePage();
if (mobileSidebarOpened) {
toggleMobileSidebar();
}
}}
> >
<div className={classes.menuItemInner}> <div className={classes.menuItemInner}>
<IconPlus <IconPlus