manuel/labyrinth-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feature/add-user-interaction #3

Merged
manuel merged 4 commits from feature/add-user-interaction into main 2023-04-17 01:25:58 +02:00
Conversation 0 Commits 4 Files changed 10 +18 -3
1 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 4a4ff7522f - Show all commits

21
src/Cell.js
View file

@ -1,14 +1,29 @@
import React from 'react';
import React, {useState} from 'react';
export default function Cell({spec, rowIndex, cellIndex, showSolution}) {
const [mark, setMark] = useState(false);
let classes = "cell r" + rowIndex + " c" + cellIndex;
if (spec.top) classes += " top";
if (spec.right) classes += " right";
if (spec.bottom) classes += " bottom";
if (spec.left) classes += " left";
if (spec.solution && showSolution) classes += " solution";
if (spec.user) classes += " user";
if (mark) classes += " user";
return (
<div className={classes}/>
<div className={classes}
onMouseEnter={(e) => {
const leftPressed = e.buttons & 0x1;
if (leftPressed) {
setMark(!mark);
}
}}
onMouseLeave={(e) => {
const leftPressed = e.buttons & 0x1;
if (leftPressed) {
}
}}
onClick={(e) => {
setMark(!mark);
}}/>
);
}