feat: refactor app state provider

packages/app/src/components/header/EditorHeader.tsx

@@ -6,7 +6,7 @@ import {
   StyledTitleWrapper,
 } from './styles';
 import { Content } from '@/ui/layout';
-import { useAppState } from '@/providers/app-state-provider/context';
+import { useAppState } from '@/providers/app-state-provider';
 import EditorModeSwitch from '@/components/editor-mode-switch';
 import QuickSearchButton from './QuickSearchButton';
 import Header from './Header';

packages/app/src/components/header/header-right-items/SyncUser.tsx

@@ -1,6 +1,6 @@
 import { CloudUnsyncedIcon, CloudInsyncIcon } from '@blocksuite/icons';
 import { useModal } from '@/providers/GlobalModalProvider';
-import { useAppState } from '@/providers/app-state-provider/context';
+import { useAppState } from '@/providers/app-state-provider';
 import { IconButton } from '@/ui/button';
 
 export const SyncUser = () => {

packages/app/src/components/import/index.tsx

@@ -4,7 +4,7 @@ import { Button } from '@/ui/button';
 import { Wrapper, Content } from '@/ui/layout';
 import Loading from '@/components/loading';
 import { usePageHelper } from '@/hooks/use-page-helper';
-import { useAppState } from '@/providers/app-state-provider/context';
+import { useAppState } from '@/providers/app-state-provider';
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 // import { Tooltip } from '@/ui/tooltip';

packages/app/src/components/page-list/index.tsx

@@ -20,7 +20,7 @@ import DateCell from '@/components/page-list/DateCell';
 import { IconButton } from '@/ui/button';
 import { Tooltip } from '@/ui/tooltip';
 import { useRouter } from 'next/router';
-import { useAppState } from '@/providers/app-state-provider/context';
+import { useAppState } from '@/providers/app-state-provider';
 import { toast } from '@/ui/toast';
 import { usePageHelper } from '@/hooks/use-page-helper';
 import { useTheme } from '@/providers/ThemeProvider';

packages/app/src/components/quick-search/Input.tsx

@@ -17,11 +17,10 @@ export const Input = (props: {
   const [isComposition, setIsComposition] = useState(false);
   const [inputValue, setInputValue] = useState('');
   const inputRef = useRef<HTMLInputElement>(null);
-  const { currentWorkspaceId, workspacesMeta, currentWorkspace } =
-    useAppState();
-  const isPublic = workspacesMeta.find(
+  const { currentWorkspaceId, workspaceList, currentWorkspace } = useAppState();
+  const isPublish = workspaceList.find(
     meta => String(meta.id) === String(currentWorkspaceId)
-  )?.public;
+  )?.isPublish;
   useEffect(() => {
     inputRef.current?.addEventListener(
       'blur',
@@ -80,7 +79,7 @@ export const Input = (props: {
           }
         }}
         placeholder={
-          isPublic
+          isPublish
             ? `Search in ${currentWorkspace?.meta.name}`
             : 'Quick Search...'
         }

packages/app/src/components/quick-search/index.tsx

@@ -22,16 +22,17 @@ const isMac = () => {
   return getUaHelper().isMacOs;
 };
 export const QuickSearch = ({ open, onClose }: TransitionsModalProps) => {
+  const { currentWorkspaceId, workspaceList } = useAppState();
+
   const [query, setQuery] = useState('');
   const [loading, setLoading] = useState(true);
   const [showCreatePage, setShowCreatePage] = useState(true);
   const { triggerQuickSearchModal } = useModal();
-  const { currentWorkspaceId, workspacesMeta } = useAppState();
 
-  const currentWorkspace = workspacesMeta.find(
+  const currentWorkspace = workspaceList.find(
     meta => String(meta.id) === String(currentWorkspaceId)
   );
-  const isPublic = currentWorkspace?.public;
+  const isPublish = currentWorkspace?.isPublish;
 
   // Add  ‘⌘+K’ shortcut keys as switches
   useEffect(() => {
@@ -98,7 +99,7 @@ export const QuickSearch = ({ open, onClose }: TransitionsModalProps) => {
                 setShowCreatePage={setShowCreatePage}
               />
             </StyledContent>
-            {isPublic ? (
+            {isPublish ? (
               <></>
             ) : showCreatePage ? (
               <>

packages/app/src/components/workspace-slider-bar/WorkspaceSelector/SelectorPopperContent.tsx

@@ -1,7 +1,7 @@
 import { InformationIcon, LogOutIcon } from '@blocksuite/icons';
 import { styled } from '@/styles';
 import { Divider } from '@/ui/divider';
-import { useAppState } from '@/providers/app-state-provider/context';
+import { useAppState } from '@/providers/app-state-provider';
 import { SelectorPopperContainer } from './styles';
 import {
   PrivateWorkspaceItem,

packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/PrivateWorkspaceItem.tsx

@@ -1,5 +1,5 @@
 import { styled } from '@/styles';
-import { useAppState } from '@/providers/app-state-provider/context';
+import { useAppState } from '@/providers/app-state-provider';
 import {
   WorkspaceItemAvatar,
   PrivateWorkspaceWrapper,

packages/app/src/components/workspace-slider-bar/index.tsx

@@ -26,7 +26,7 @@ import {
 import Link from 'next/link';
 import { Tooltip } from '@/ui/tooltip';
 import { useModal } from '@/providers/GlobalModalProvider';
-import { useAppState } from '@/providers/app-state-provider/context';
+import { useAppState } from '@/providers/app-state-provider';
 import { IconButton } from '@/ui/button';
 import useLocalStorage from '@/hooks/use-local-storage';
 import usePageMetaList from '@/hooks/use-page-meta-list';