Files
hexabot/frontend/src/components/visual-editor/form/BlockFormProvider.tsx
2024-09-29 13:02:28 +01:00

38 lines
1.3 KiB
TypeScript

/*
* Copyright © 2024 Hexastack. All rights reserved.
*
* Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
* 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
* 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
*/
import { createContext, ReactNode, useContext } from "react";
import { FormProvider, UseFormReturn } from "react-hook-form";
import { IBlockAttributes, IBlock } from "@/types/block.types";
// Create a custom context for the block value
const BlockContext = createContext<IBlock | undefined>(undefined);
// Custom hook to use block context
export const useBlock = () => useContext(BlockContext);
// This component wraps FormProvider and adds block to its context
function BlockFormProvider({
children,
methods,
block,
}: {
methods: UseFormReturn<IBlockAttributes, any, undefined>;
block: IBlock | undefined;
children: ReactNode;
}) {
return (
<FormProvider {...methods}>
<BlockContext.Provider value={block}>{children}</BlockContext.Provider>
</FormProvider>
);
}
export default BlockFormProvider;