refactor: remove image context

This commit is contained in:
trafficlunar 2025-01-12 21:07:59 +00:00
parent aa58b31269
commit f4ca910d4c
5 changed files with 52 additions and 119 deletions

View file

@ -1,28 +0,0 @@
import { createContext, ReactNode, useState } from "react";
interface Context {
image: HTMLImageElement | undefined;
imageDimensions: Dimension;
usableBlocks: string[];
setImage: React.Dispatch<React.SetStateAction<HTMLImageElement | undefined>>;
setImageDimensions: React.Dispatch<React.SetStateAction<Dimension>>;
setUsableBlocks: React.Dispatch<React.SetStateAction<string[]>>;
}
interface Props {
children: ReactNode;
}
export const ImageContext = createContext<Context>({} as Context);
export const ImageProvider = ({ children }: Props) => {
const [image, setImage] = useState<HTMLImageElement>();
const [imageDimensions, setImageDimensions] = useState<Dimension>({ width: 0, height: 0 });
const [usableBlocks, setUsableBlocks] = useState<string[]>([]);
return (
<ImageContext.Provider value={{ image, imageDimensions, usableBlocks, setImage, setImageDimensions, setUsableBlocks }}>
{children}
</ImageContext.Provider>
);
};