github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'refactor/mobx-store' of github.com:makeplane/plane into refactor/mobx-store

Browse Source
This commit is contained in:
rahulramesha 2023-12-13 19:02:03 +05:30
commit 39ac5a87ca
8 changed files with 105 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/contexts/app-root/app-root-provider.tsx → web/contexts/app-root.context.tsx
View File

@ -1,4 +1,4 @@
import { createContext } from "react";
import { createContext, useContext } from "react";
// mobx store
import { AppRootStore, IAppRootStore } from "store/application";
@ -17,3 +17,9 @@ export const AppRootStoreProvider = ({ children }: any) => {
const store: IAppRootStore = initializeStore();
return <AppRootStoreContext.Provider value={store}>{children}</AppRootStoreContext.Provider>;
};
export const useAppRootStore = () => {
const context = useContext(AppRootStoreContext);
if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
return context;
};

2
web/contexts/app-root/index.ts
View File

@ -1,2 +0,0 @@
export * from "./app-root-provider";
export * from "./use-app-root";

8
web/contexts/app-root/use-app-root.tsx
View File

@ -1,8 +0,0 @@
import { useContext } from "react";
import { AppRootStoreContext } from "./app-root-provider";
export const useAppRoot = () => {
const context = useContext(AppRootStoreContext);
if (context === undefined) throw new Error("useAppRoot must be used within AppRootStoreContext");
return context;
};

21
web/contexts/page.context.tsx Normal file
View File

@ -0,0 +1,21 @@
import { createContext, useContext } from "react";
// mobx store
import { PageStore } from "store/page.store";
import { AppRootStore } from "store/application";
import { useAppRootStore } from "./app-root.context";
export const PageContext = createContext<PageStore | undefined>(undefined);
let pageStore: PageStore | undefined;
export const PageStoreProvider = ({ children }: any) => {
const appRootStore = useAppRootStore();
pageStore = pageStore ?? new PageStore(appRootStore);
return <PageContext.Provider value={pageStore}>{children}</PageContext.Provider>;
};
export const usePage = () => {
const context = useContext(PageContext);
if (context === undefined) throw new Error("usePage must be used within AppRootStoreContext");
return context;
};

2
web/contexts/page.context/index.ts
View File

@ -1,2 +0,0 @@
export * from "./page-provider";
export * from "./use-page";

20
web/contexts/page.context/page-provider.tsx
View File

@ -1,20 +0,0 @@
import { createContext } from "react";
// mobx store
import { PageStore } from "store/page.store";
import { AppRootStore } from "store/application";
let pageStore: PageStore = new PageStore(new AppRootStore());
export const PageContext = createContext<PageStore>(pageStore);
const initializeStore = () => {
const _pageStore: PageStore = pageStore ?? new PageStore(pageStore);
if (typeof window === "undefined") return _pageStore;
if (!pageStore) pageStore = _pageStore;
return _pageStore;
};
export const AppRootStoreProvider = ({ children }: any) => {
const store: PageStore = initializeStore();
return <PageContext.Provider value={store}>{children}</PageContext.Provider>;
};

8
web/contexts/page.context/use-page.tsx
View File

@ -1,8 +0,0 @@
import { useContext } from "react";
import { PageContext } from "./page-provider";
export const usePage = () => {
const context = useContext(PageContext);
if (context === undefined) throw new Error("useAppRoot must be used within AppRootStoreContext");
return context;
};

3
web/pages/[workspaceSlug]/projects/[projectId]/pages/index.tsx
View File

@ -17,6 +17,7 @@ import { PagesHeader } from "components/headers";
import { NextPageWithLayout } from "types/app";
// constants
import { PAGE_TABS_LIST } from "constants/page";
import { PageStoreProvider } from "contexts/page.context";
const AllPagesList = dynamic<any>(() => import("components/pages").then((a) => a.AllPagesList), {
ssr: false,
@ -82,6 +83,7 @@ const ProjectPagesPage: NextPageWithLayout = observer(() => {
};
return (
<PageStoreProvider>
<>
{workspaceSlug && projectId && (
<CreateUpdatePageModal
@ -157,6 +159,7 @@ const ProjectPagesPage: NextPageWithLayout = observer(() => {
</Tab.Group>
</div>
</>
</PageStoreProvider>
);
});