trafficlunar/blockmatic
1
0
Fork 0
mirror of https://github.com/trafficlunar/blockmatic.git synced 2026-06-28 14:44:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: part 2 of redesign of open image dialog

Browse source
This commit is contained in:
trafficlunar 2024-12-28 21:46:52 +00:00
parent 9833f8a63c
commit 6996c9a310
6 changed files with 73 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/dialogs/open-image/BlockSelector.tsx
View file

@ -12,9 +12,10 @@ interface Props {
searchInput: string;
selectedBlocks: string[];
setSelectedBlocks: React.Dispatch<React.SetStateAction<string[]>>;
userModifiedBlocks: React.MutableRefObject<boolean>;
}
function BlockSelector({ stageWidth, searchInput, selectedBlocks, setSelectedBlocks }: Props) {
function BlockSelector({ stageWidth, searchInput, selectedBlocks, setSelectedBlocks, userModifiedBlocks }: Props) {
const { version } = useContext(CanvasContext);
const { missingTexture, textures } = useContext(TexturesContext);
const { isDark } = useContext(ThemeContext);
@ -27,6 +28,8 @@ function BlockSelector({ stageWidth, searchInput, selectedBlocks, setSelectedBlo
const blocksPerColumn = Math.floor(stageWidth / (32 + 2));
const onClick = (block: string) => {
userModifiedBlocks.current = true;
if (selectedBlocks.includes(block)) {
setSelectedBlocks((prev) => prev.filter((blockName) => blockName !== block));
} else {