Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-16 22:07:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(store): port to useGlobalState with zustand (#1012)

Browse Source
This commit is contained in:
Himself65
2023-02-14 23:38:21 -06:00
committed by GitHub
parent 2b3ec1240a
commit 6a8aff9e56
29 changed files with 304 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/pages/_app.tsx
View File

@@ -23,7 +23,7 @@ import Head from 'next/head';
import '@affine/i18n';
import { useTranslation } from '@affine/i18n';
import React from 'react';
import { BlockSuiteProvider } from '@/store/workspace';
import { GlobalAppProvider } from '@/store/app';
const ThemeProvider = dynamic(() => import('@/providers/ThemeProvider'), {
ssr: false,
@@ -68,7 +68,7 @@ const App = ({ Component, pageProps }: AppPropsWithLayout) => {
<title>AFFiNE</title>
</Head>
<Logger />
<BlockSuiteProvider key="BlockSuiteProvider">
<GlobalAppProvider key="BlockSuiteProvider">
<ProviderComposer
contexts={[
<ThemeProvider key="ThemeProvider" />,
@@ -83,7 +83,7 @@ const App = ({ Component, pageProps }: AppPropsWithLayout) => {
<AppDefender>{getLayout(<Component {...pageProps} />)}</AppDefender>
)}
</ProviderComposer>
</BlockSuiteProvider>
</GlobalAppProvider>
</>
);
};

12
apps/web/src/pages/workspace/[workspaceId]/[pageId].tsx
View File

@@ -9,14 +9,14 @@ import { usePageHelper } from '@/hooks/use-page-helper';
import dynamic from 'next/dynamic';
import Head from 'next/head';
import { useTranslation } from '@affine/i18n';
import { useBlockSuite } from '@/store/workspace';
import { useGlobalState } from '@/store/app';
const DynamicBlocksuite = dynamic(() => import('@/components/editor'), {
ssr: false,
});
const BlockHubAppender = () => {
const setBlockHub = useBlockSuite(store => store.setBlockHub);
const editor = useBlockSuite(store => store.editor);
const setBlockHub = useGlobalState(store => store.setBlockHub);
const editor = useGlobalState(store => store.editor);
useEffect(() => {
let blockHubElement: HTMLElement | null = null;
@@ -38,8 +38,8 @@ const BlockHubAppender = () => {
};
const Page: NextPageWithLayout = () => {
const currentPage = useBlockSuite(store => store.currentPage);
const setEditor = useBlockSuite(store => store.setEditor);
const currentPage = useGlobalState(store => store.currentPage);
const setEditor = useGlobalState(store => store.setEditor);
const { currentWorkspace } = useAppState();
const { t } = useTranslation();
@@ -69,7 +69,7 @@ const Page: NextPageWithLayout = () => {
const PageDefender = ({ children }: PropsWithChildren) => {
const router = useRouter();
const [pageLoaded, setPageLoaded] = useState(false);
const loadPage = useBlockSuite(store => store.loadPage);
const loadPage = useGlobalState(store => store.loadPage);
const { currentWorkspace } = useAppState();
const { createPage } = usePageHelper();

3
apps/web/src/pages/workspace/[workspaceId]/setting.tsx
View File

@@ -25,10 +25,11 @@ import { useTranslation } from '@affine/i18n';
import { PageListHeader } from '@/components/header';
import Head from 'next/head';
import { styled } from '@affine/component';
import { useGlobalState } from '@/store/app';
const useTabMap = () => {
const { t } = useTranslation();
const { isOwner } = useAppState();
const isOwner = useGlobalState(store => store.isOwner);
const tabMap: {
name: string;
panelRender: (workspace: WorkspaceUnit) => ReactNode;