bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/components-data/plugin-context/context.tsx

31 lines
1.2 KiB
TypeScript

import React, { createContext, useState } from 'react';
import { ExtensibleArea } from '/imports/ui/components/plugins-engine/extensible-areas/types';
import { PluginsContextType } 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 [domElementManipulationMessageIds, setDomElementManipulationMessageIds] = useState<string[]>([]);
const [domElementManipulationStreamIds, setDomElementManipulationStreamIds] = useState<string[]>([]);
return (
<PluginsContext.Provider
value={{
...props,
setPluginsExtensibleAreasAggregatedState,
pluginsExtensibleAreasAggregatedState,
domElementManipulationMessageIds,
setDomElementManipulationMessageIds,
domElementManipulationStreamIds,
setDomElementManipulationStreamIds,
}}
>
{children}
</PluginsContext.Provider>
);
};