feat: Implementar sesiones persistentes y botones de salida
- Añadido sistema de sesiones con localStorage - Nuevo hook useSessionStorage para manejar sesiones - Botón de salir de la partida (ExitGameButton) en todas las pantallas del juego - Botón de logout (LogoutButton) solo en el lobby - Evento leave_game en servidor para cerrar partida cuando alguien sale - Evento reconnect_session para reconectar jugadores después de recargar - Actualizado GameBoard para incluir botón de salida - Actualizado page.tsx para manejar sesiones y logout
This commit is contained in:
53
client/src/hooks/useSessionStorage.ts
Normal file
53
client/src/hooks/useSessionStorage.ts
Normal file
@@ -0,0 +1,53 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
|
||||
interface SessionData {
|
||||
playerName: string;
|
||||
fullPlayerName: string;
|
||||
currentView: 'login' | 'lobby' | 'game';
|
||||
roomId?: string;
|
||||
}
|
||||
|
||||
export function useSessionStorage() {
|
||||
const [session, setSession] = useState<SessionData | null>(null);
|
||||
|
||||
// Cargar sesión al iniciar
|
||||
useEffect(() => {
|
||||
const savedSession = localStorage.getItem('resistencia_session');
|
||||
if (savedSession) {
|
||||
try {
|
||||
const parsed = JSON.parse(savedSession);
|
||||
setSession(parsed);
|
||||
} catch (e) {
|
||||
console.error('Error parsing session:', e);
|
||||
localStorage.removeItem('resistencia_session');
|
||||
}
|
||||
}
|
||||
}, []);
|
||||
|
||||
// Guardar sesión
|
||||
const saveSession = (data: SessionData) => {
|
||||
localStorage.setItem('resistencia_session', JSON.stringify(data));
|
||||
setSession(data);
|
||||
};
|
||||
|
||||
// Actualizar sesión parcialmente
|
||||
const updateSession = (partial: Partial<SessionData>) => {
|
||||
if (session) {
|
||||
const updated = { ...session, ...partial };
|
||||
saveSession(updated);
|
||||
}
|
||||
};
|
||||
|
||||
// Limpiar sesión
|
||||
const clearSession = () => {
|
||||
localStorage.removeItem('resistencia_session');
|
||||
setSession(null);
|
||||
};
|
||||
|
||||
return {
|
||||
session,
|
||||
saveSession,
|
||||
updateSession,
|
||||
clearSession
|
||||
};
|
||||
}
|
||||
Reference in New Issue
Block a user