muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

moved search provider to the top of the app

Browse source
This commit is contained in:
Fedor Katurov 2022-01-04 15:54:40 +07:00
parent 31fc033d4f
commit 7dfa6f89c7
4 changed files with 13 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/containers/App.tsx
View file

@ -12,6 +12,7 @@ import { UserContextProvider } from '~/utils/context/UserContextProvider';
import { SWRConfigProvider } from '~/utils/providers/SWRConfigProvider'; import { SWRConfigProvider } from '~/utils/providers/SWRConfigProvider';
import { observer } from 'mobx-react'; import { observer } from 'mobx-react';
import { useGlobalLoader } from '~/hooks/dom/useGlobalLoader'; import { useGlobalLoader } from '~/hooks/dom/useGlobalLoader';
import { SearchProvider } from '~/utils/providers/SearchProvider';
const App: VFC = observer(() => { const App: VFC = observer(() => {
useGlobalLoader(); useGlobalLoader();
@ -22,13 +23,15 @@ const App: VFC = observer(() => {
<UserContextProvider> <UserContextProvider>
<DragDetectorProvider> <DragDetectorProvider>
<PageCoverProvider> <PageCoverProvider>
<MainLayout> <SearchProvider>
<Modal /> <MainLayout>
<Sprites /> <Modal />
<Sprites />
<MainRouter /> <MainRouter />
</MainLayout> </MainLayout>
<BottomContainer /> <BottomContainer />
</SearchProvider>
</PageCoverProvider> </PageCoverProvider>
</DragDetectorProvider> </DragDetectorProvider>
</UserContextProvider> </UserContextProvider>

2
src/containers/flow/FlowStamp/index.tsx
View file

@ -10,7 +10,7 @@ import { Toggle } from '~/components/input/Toggle';
import classNames from 'classnames'; import classNames from 'classnames';
import { Superpower } from '~/components/boris/Superpower'; import { Superpower } from '~/components/boris/Superpower';
import { experimentalFeatures } from '~/constants/features'; import { experimentalFeatures } from '~/constants/features';
import { useSearchContext } from '~/utils/context/SearchContextProvider'; import { useSearchContext } from '~/utils/providers/SearchProvider';
import { useFlowContext } from '~/utils/context/FlowContextProvider'; import { useFlowContext } from '~/utils/context/FlowContextProvider';
interface IProps { interface IProps {

6
src/pages/index.tsx
View file

@ -2,7 +2,7 @@ import React, { FC } from 'react';
import { FlowLayout } from '~/layouts/FlowLayout'; import { FlowLayout } from '~/layouts/FlowLayout';
import { useFlow } from '~/hooks/flow/useFlow'; import { useFlow } from '~/hooks/flow/useFlow';
import { FlowContextProvider } from '~/utils/context/FlowContextProvider'; import { FlowContextProvider } from '~/utils/context/FlowContextProvider';
import { SearchContextProvider } from '~/utils/context/SearchContextProvider'; import { SearchProvider } from '~/utils/providers/SearchProvider';
import { observer } from 'mobx-react'; import { observer } from 'mobx-react';
interface Props {} interface Props {}
@ -18,9 +18,7 @@ const FlowPage: FC<Props> = observer(() => {
nodes={nodes} nodes={nodes}
onChangeCellView={onChangeCellView} onChangeCellView={onChangeCellView}
> >
<SearchContextProvider> <FlowLayout isFluid={isFluid} onToggleLayout={toggleLayout} />
<FlowLayout isFluid={isFluid} onToggleLayout={toggleLayout} />
</SearchContextProvider>
</FlowContextProvider> </FlowContextProvider>
); );
}); });

2
src/utils/context/SearchContextProvider.tsx → src/utils/providers/SearchProvider.tsx
View file

@ -20,7 +20,7 @@ export const SearchContext = createContext<SearchContextProps>({
loadMore: () => {}, loadMore: () => {},
}); });
export const SearchContextProvider: FC = ({ children }) => { export const SearchProvider: FC = ({ children }) => {
const { results, searchText, isLoading, loadMore, setSearchText, hasMore } = useSearch(); const { results, searchText, isLoading, loadMore, setSearchText, hasMore } = useSearch();
return ( return (