From bebc2b5733cbd4a9cc359f739975660fba7f6d39 Mon Sep 17 00:00:00 2001
From: Cristian Yancis <bernardoyancis@gmail.com>
Date: Fri, 6 Sep 2024 13:37:27 -0600
Subject: [PATCH] linea problematica :c

---
 app/tablero.js | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/app/tablero.js b/app/tablero.js
index fd99560..7b86314 100644
--- a/app/tablero.js
+++ b/app/tablero.js
@@ -1,19 +1,21 @@
+'use client'
+
 import { useState } from "react"
 import Cuadrado from "./cuadros"
 
 const Tablero =()=>{
     const [cuadros, setCuadros] = useState(Array(9).fill(""));
-    const [turno, setTuerno]=usiState('X')
+    const [turno, setTurno]=useState('X')
     
     const pintaFigura=(indexItem)=>{
-        
-        const misCuadros= cuadros.slice()
-        setCuadros(misCuadros)
-        if(turno==='X'){ // Verifica los turnos
-            setTuerno('O')
-        }
-        else{
-            setTuerno('X')
+        const misCuaadros=cuadros.slice()
+        misCuaadros.splice(indexItem,1,turno)
+        setCuadros(misCuaadros) // esta linea me da problemas
+
+        if(turno==='X'){
+            setTurno('O')
+        }else{
+            setTurno('X')
         }
     }
     return(