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

export react-query from main

Browse Source 
* add bottom padding to treeItem
* remove redundant tree scroll
This commit is contained in:
Philipinho
2024-04-19 01:57:56 +01:00
parent df9110268c
commit 9ae6ac41c1
4 changed files with 33 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/client/src/components/providers/tanstack-provider.tsx
View File

@ -1,18 +0,0 @@
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import React from "react";
const queryClient = new QueryClient({
defaultOptions: {
queries: {
refetchOnMount: false,
refetchOnWindowFocus: false,
retry: false,
},
},
});
export function TanstackProvider({ children }: React.PropsWithChildren) {
return (
<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
);
}

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

@ -3,7 +3,6 @@ import { useAtom } from "jotai";
import { treeApiAtom } from "@/features/page/tree/atoms/tree-api-atom.ts";
import {
useGetRootSidebarPagesQuery,
useGetSidebarPagesQuery,
useUpdatePageMutation,
} from "@/features/page/queries/page-query.ts";
import React, { useEffect, useRef } from "react";
@ -32,8 +31,8 @@ import {
} from "@/features/page/tree/utils/utils.ts";
import { SpaceTreeNode } from "@/features/page/tree/types.ts";
import { getSidebarPages } from "@/features/page/services/page-service.ts";
import { QueryClient } from "@tanstack/react-query";
import { SidebarPagesParams } from "@/features/page/types/page.types.ts";
import { queryClient } from "@/main.tsx";
interface SpaceTreeProps {
spaceId: string;
@ -70,8 +69,7 @@ export default function SpaceTree({ spaceId }: SpaceTreeProps) {
useEffect(() => {
setTimeout(() => {
treeAPi?.select(pageId);
treeAPi?.scrollTo(pageId, "auto");
treeAPi?.select(pageId, { align: "auto" });
}, 200);
}, [treeAPi, pageId]);
@ -89,7 +87,6 @@ export default function SpaceTree({ spaceId }: SpaceTreeProps) {
disableMultiSelection={true}
className={classes.tree}
rowClassName={classes.row}
// padding={15}
rowHeight={30}
overscanCount={8}
dndRootElement={rootElement.current}
@ -103,11 +100,9 @@ export default function SpaceTree({ spaceId }: SpaceTreeProps) {
);
}
const queryClient = new QueryClient();
function Node({ node, style, dragHandle }: NodeRendererProps<any>) {
const navigate = useNavigate();
const updatePageMutation = useUpdatePageMutation();
//const use = useGetExpandPageTreeQuery()
const [treeData, setTreeData] = useAtom(treeDataAtom);
function updateTreeData(

4
apps/client/src/features/page/tree/styles/tree.module.css
View File

@ -98,3 +98,7 @@
.arrow {
display: flex;
}
[role="treeitem"] {
padding-bottom: 2px;
}

46
apps/client/src/main.tsx
View File

@ -1,31 +1,39 @@
import '@mantine/core/styles.css';
import '@mantine/spotlight/styles.css';
import '@mantine/notifications/styles.css';
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App.tsx';
import { theme } from '@/theme';
import { MantineProvider } from '@mantine/core';
import { TanstackProvider } from '@/components/providers/tanstack-provider';
import { BrowserRouter } from 'react-router-dom';
import { ModalsProvider } from '@mantine/modals';
import { Notifications } from '@mantine/notifications';
import "@mantine/core/styles.css";
import "@mantine/spotlight/styles.css";
import "@mantine/notifications/styles.css";
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App.tsx";
import { theme } from "@/theme";
import { MantineProvider } from "@mantine/core";
import { BrowserRouter } from "react-router-dom";
import { ModalsProvider } from "@mantine/modals";
import { Notifications } from "@mantine/notifications";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
export const queryClient = new QueryClient({
defaultOptions: {
queries: {
refetchOnMount: false,
refetchOnWindowFocus: false,
retry: false,
},
},
});
const root = ReactDOM.createRoot(
document.getElementById("root") as HTMLElement,
);
root.render(
<BrowserRouter>
<MantineProvider theme={theme}>
<ModalsProvider>
<TanstackProvider>
<QueryClientProvider client={queryClient}>
<Notifications position="top-right" limit={3} />
<App />
</TanstackProvider>
</QueryClientProvider>
</ModalsProvider>
</MantineProvider>
</BrowserRouter>,
);