diff --git a/packages/pl-fe/src/contexts/current-account-context.tsx b/packages/pl-fe/src/contexts/current-account-context.tsx new file mode 100644 index 000000000..85be5cb0c --- /dev/null +++ b/packages/pl-fe/src/contexts/current-account-context.tsx @@ -0,0 +1,23 @@ +import React, { createContext, useContext } from 'react'; + +import { useAppSelector } from '@/hooks/use-app-selector'; + +const CurrentAccountContext = createContext<'unauthenticated' | string>('unauthenticated'); + +interface ICurrentAccountProvider { + children: React.ReactNode; +} + +const DefaultCurrentAccountProvider: React.FC = ({ children }) => { + const me = useAppSelector((state) => state.me); + + return ( + + {children} + + ); +}; + +const useCurrentAccount = () => useContext(CurrentAccountContext); + +export { CurrentAccountContext, DefaultCurrentAccountProvider, useCurrentAccount }; diff --git a/packages/pl-fe/src/init/pl-fe.tsx b/packages/pl-fe/src/init/pl-fe.tsx index 8eec13b80..f2abf8e8c 100644 --- a/packages/pl-fe/src/init/pl-fe.tsx +++ b/packages/pl-fe/src/init/pl-fe.tsx @@ -3,6 +3,7 @@ import React from 'react'; import { HelmetProvider } from 'react-helmet-async'; import { Provider } from 'react-redux'; +import { DefaultCurrentAccountProvider } from '@/contexts/current-account-context'; import { StatProvider } from '@/contexts/stat-context'; import { queryClient } from '@/queries/client'; @@ -21,14 +22,16 @@ const PlFe: React.FC = () => ( <> - - - - - - - - + + + + + + + + + +