bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/components-data/plugin-context/context.tsx
2024-01-29 14:04:04 -03:00

33 lines
1.2 KiB
TypeScript

import React, { createContext, useState } from 'react';
import { ExtensibleArea } from '/imports/ui/components/plugins-engine/extensible-areas/types';
import { PluginsContextType, UserListGraphqlVariables } from './types';
export const PluginsContext = createContext<PluginsContextType>({} as PluginsContextType);
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export const PluginsContextProvider = ({ children, ...props }: any) => {
const [pluginsExtensibleAreasAggregatedState, setPluginsExtensibleAreasAggregatedState] = useState<ExtensibleArea>(
{} as ExtensibleArea,
);
const [userListGraphqlVariables, setUserListGraphqlVariables] = useState<UserListGraphqlVariables>(
{} as UserListGraphqlVariables,
);
const [domElementManipulationMessageIds, setDomElementManipulationMessageIds] = useState<string[]>([]);
return (
<PluginsContext.Provider
value={{
...props,
setPluginsExtensibleAreasAggregatedState,
pluginsExtensibleAreasAggregatedState,
userListGraphqlVariables,
setUserListGraphqlVariables,
domElementManipulationMessageIds,
setDomElementManipulationMessageIds,
}}
>
{children}
</PluginsContext.Provider>
);
};