Extend number line and n option

Extend the number line in `src/components/PebblePlacementGame.tsx` to 100 and add an option for n=6.
This commit is contained in:
gpt-engineer-app[bot] 2025-08-21 10:54:24 +00:00
parent fc28970659
commit 822890a461

View file

@ -127,7 +127,7 @@ const PebblePlacementGame: React.FC<PebblePlacementGameProps> = ({ showSocialSha
value={[numPebbles]}
onValueChange={(value) => setNumPebbles(value[0])}
min={2}
max={5}
max={6}
step={1}
className="w-full max-w-xs"
disabled={gameStarted}
@ -172,11 +172,11 @@ const PebblePlacementGame: React.FC<PebblePlacementGameProps> = ({ showSocialSha
{/* Game Board */}
{gameStarted && (
<div className="space-y-4">
<h3 className="text-lg font-semibold">Positions 1-35</h3>
<h3 className="text-lg font-semibold">Positions 1-100</h3>
{/* All positions in a flowing line */}
<div className="flex flex-wrap gap-2">
{Array.from({ length: 35 }, (_, i) => {
{Array.from({ length: 100 }, (_, i) => {
const position = i + 1;
return (