haunter/chesskit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : piece set render

Browse Source
This commit is contained in:
GuillaumeSD
2025-05-11 21:41:40 +02:00
parent 4a44aaf23e
commit 3cb632088a
1 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/board/index.tsx
View File

@@ -1,4 +1,4 @@
import { Grid2 as Grid } from "@mui/material"; import { Box, Grid2 as Grid } from "@mui/material";
import { Chessboard } from "react-chessboard"; import { Chessboard } from "react-chessboard";
import { PrimitiveAtom, atom, useAtomValue, useSetAtom } from "jotai"; import { PrimitiveAtom, atom, useAtomValue, useSetAtom } from "jotai";
import { import {
@@ -19,7 +19,6 @@ import EvaluationBar from "./evaluationBar";
import { CLASSIFICATION_COLORS } from "@/constants"; import { CLASSIFICATION_COLORS } from "@/constants";
import { Player } from "@/types/game"; import { Player } from "@/types/game";
import PlayerHeader from "./playerHeader"; import PlayerHeader from "./playerHeader";
import Image from "next/image";
import { boardHueAtom, pieceSetAtom } from "./states"; import { boardHueAtom, pieceSetAtom } from "./states";
import tinycolor from "tinycolor2"; import tinycolor from "tinycolor2";
@@ -235,15 +234,12 @@ export default function Board({
() => () =>
PIECE_CODES.reduce<CustomPieces>((acc, piece) => { PIECE_CODES.reduce<CustomPieces>((acc, piece) => {
acc[piece] = ({ squareWidth }) => ( acc[piece] = ({ squareWidth }) => (
<Image <Box
src={`/piece/${pieceSet}/${piece}.svg`}
alt={piece}
loading="eager"
width={squareWidth} width={squareWidth}
height={squareWidth} height={squareWidth}
style={{ sx={{
objectFit: "contain", backgroundImage: `url(/piece/${pieceSet}/${piece}.svg)`,
cursor: "grab", backgroundSize: "contain",
}} }}
/> />
); );