Claro, voy a agregar un modo demo con botones para acceder temporalmente a ambas vistas sin necesidad de registro. Primero déjame revisar la página principal actual.
Ahora voy a crear un sistema de modo demo. Necesito también revisar los layouts de store y worker para ver cómo manejan la autenticación:
Ahora tengo toda la información necesaria. Voy a crear rutas separadas para el modo demo que no requieran autenticación:
Necesito actualizar el componente ProductCard para soportar la prop isDemo que usé en la página demo de la tienda:
He actualizado el componente ProductCard para aceptar la prop opcional isDemo. Ahora el modo demo está completamente funcional. Puedes acceder a /demo/store para ver la tienda como cliente (con carrito funcional pero sin poder hacer pedidos reales) y a /demo/worker para ver el panel de trabajador con pedidos de ejemplo interactivos. Los botones "Probar Demo" están en la página principal.
Perfecto, voy a desconectar la aplicación de Supabase y crear datos simulados para que funcione completamente sin base de datos. Primero déjame revisar los archivos que necesito modificar.
Ahora déjame revisar las páginas demo existentes para actualizarlas y convertirlas en las páginas principales:
Ahora voy a revisar los headers demo y los componentes necesarios:
Ahora tengo toda la información necesaria. Voy a crear un archivo de datos mock y actualizar las páginas demo para que funcionen completamente sin base de datos:
Ahora voy a leer los archivos restantes que necesito actualizar:
Ahora tengo toda la información necesaria. Voy a actualizar todos los archivos para desconectar la base de datos y usar datos simulados:
He desconectado completamente la aplicación de Supabase. Ahora funciona con datos simulados (mock data) almacenados en lib/mock-data.ts. La tienda muestra 12 productos electrónicos con imágenes, el carrito funciona completamente con localStorage, y el panel de trabajador muestra pedidos de ejemplo que puedes gestionar cambiando sus estados. Los botones "Iniciar Sesión" han sido reemplazados por botones "Inicio" para navegar entre las vistas de cliente y trabajador fácilmente.
Veo el error. El archivo lib/supabase-client.ts no existe porque estoy intentando importarlo incorrectamente. Voy a arreglar el header de la tienda para eliminar esa dependencia de Supabase ya que estamos trabajando sin base de datos:
Voy a corregir el header eliminando la dependencia de Supabase ya que estamos en modo simulado:
He eliminado la dependencia de Supabase del header de la tienda. Ahora el componente funciona completamente sin base de datos, mostrando el nombre del usuario y un enlace para cambiar de rol en lugar del botón de cerrar sesión.