Skip to content

Commit e9ddbd0

Browse files
chechojgbchechojgb
authored
Merge pull request #89 from chechojgb/buttonsLovers
style: change color components
2 parents 071db17 + 6ba3eae commit e9ddbd0

File tree

3 files changed

+27
-26
lines changed

3 files changed

+27
-26
lines changed

‎resources/js/components/BL/modalUBicacion.jsx‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -62,12 +62,12 @@ const ModalUbicacion = ({
6262
{/* Header */}
6363
<div className="border-b border-gray-200 p-6">
6464
<div className="flex justify-between items-center">
65-
<h3 className="text-xl font-semibold text-gray-800">
65+
<h3 className="text-xl font-semibold ">
6666
📍 Gestionar Ubicación
6767
</h3>
6868
<button
6969
onClick={onClose}
70-
className="text-gray-400 hover:text-gray-600 text-2xl p-1 rounded-full hover:bg-gray-100 transition"
70+
className="text-gray-400 hover:text-gray-600 text-2xl p-1 rounded-full hover:bg-gray-100 transition dark:hover:bg-gray-600 dark:text-gray-200"
7171
>
7272
×
7373
</button>
@@ -76,7 +76,7 @@ const ModalUbicacion = ({
7676
<p className="text-lg font-medium text-gray-800">
7777
{producto.descripcion || `${producto.tipo_producto} ${producto.color_nombre} ${producto.tamanio}`}
7878
</p>
79-
<p className="text-sm text-gray-600 mt-1">
79+
<p className="text-sm mt-1">
8080
Stock: <span className="font-semibold">{producto.stock_total} unidades</span>
8181
</p>
8282
</div>
@@ -86,17 +86,17 @@ const ModalUbicacion = ({
8686
<div className="p-6 space-y-6">
8787
{/* Estantería */}
8888
<div>
89-
<label className="block text-sm font-medium text-gray-700 mb-3">
89+
<label className="block text-sm font-medium mb-3">
9090
Estantería/Rack
9191
</label>
9292
<select
9393
value={estanteriaSeleccionada}
9494
onChange={(e) => handleEstanteriaChange(e.target.value)}
95-
className="w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-base"
95+
className="w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-base "
9696
>
97-
<option value="">Seleccionar estantería...</option>
97+
<option value="" className="dark:bg-gray-800">Seleccionar estantería...</option>
9898
{estanterias.map(est => (
99-
<option key={est.codigo} value={est.codigo}>
99+
<option key={est.codigo} value={est.codigo} className="dark:bg-gray-800">
100100
{est.nombre} ({est.tipo}) - {est.zona}
101101
</option>
102102
))}
@@ -105,18 +105,18 @@ const ModalUbicacion = ({
105105

106106
{/* Nivel */}
107107
<div>
108-
<label className="block text-sm font-medium text-gray-700 mb-3">
108+
<label className="block text-sm font-medium mb-3">
109109
Nivel
110110
</label>
111111
<select
112112
value={nivelSeleccionado}
113113
onChange={(e) => handleNivelChange(e.target.value)}
114114
disabled={!estanteriaSeleccionada}
115-
className="w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-base disabled:bg-gray-100 disabled:cursor-not-allowed"
115+
className="w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-base disabled:bg-gray-100 disabled:cursor-not-allowed dark:bg-gray-800"
116116
>
117-
<option value="">Seleccionar nivel...</option>
117+
<option value="" className="dark:bg-gray-800">Seleccionar nivel...</option>
118118
{nivelesDisponibles.map(nivel => (
119-
<option key={nivel.id} value={nivel.nivel}>
119+
<option key={nivel.id} value={nivel.nivel} className="dark:bg-gray-800">
120120
{nivel.nivel}
121121
</option>
122122
))}
@@ -125,7 +125,7 @@ const ModalUbicacion = ({
125125

126126
{/* Zona */}
127127
<div>
128-
<label className="block text-sm font-medium text-gray-700 mb-3">
128+
<label className="block text-sm font-medium mb-3">
129129
Zona
130130
</label>
131131
<div className="grid grid-cols-2 gap-4">
@@ -141,9 +141,9 @@ const ModalUbicacion = ({
141141
disabled={!tieneEspacio}
142142
className={`p-4 border-2 rounded-xl text-center transition-all duration-200 ${
143143
zonaSeleccionada == zona.id
144-
? 'bg-blue-500 text-white border-blue-500 shadow-lg scale-105'
144+
? 'bg-blue-500 text-white border-blue-500 shadow-lg scale-105 dark:bg-gray-900 dark:border-gray-700'
145145
: tieneEspacio
146-
? 'bg-white text-gray-700 border-gray-300 hover:bg-gray-50 hover:border-blue-300 hover:shadow-md'
146+
? ' border-gray-300 hover:bg-gray-50 dark:hover:bg-gray-400 hover:border-blue-300 dark:hover:border-black hover:shadow-md'
147147
: 'bg-gray-100 text-gray-400 border-gray-200 cursor-not-allowed'
148148
}`}
149149
title={!tieneEspacio ? `Espacio insuficiente. Disponible: ${espacioDisponible}` : ''}
@@ -161,7 +161,7 @@ const ModalUbicacion = ({
161161
)}
162162
</div>
163163
{zona.descripcion && (
164-
<div className="text-xs text-gray-500 mt-1">
164+
<div className="text-xs text-gray-500 dark:text-gray-500 mt-1">
165165
{zona.descripcion}
166166
</div>
167167
)}
@@ -173,15 +173,15 @@ const ModalUbicacion = ({
173173

174174
{/* Vista previa */}
175175
{estanteriaSeleccionada && nivelSeleccionado && zonaSeleccionada && (
176-
<div className="bg-gradient-to-r from-blue-50 to-blue-100 border border-blue-200 rounded-xl p-4">
177-
<p className="text-sm font-semibold text-blue-800 mb-2">
176+
<div className="bg-gradient-to-r from-blue-50 to-blue-100 dark:bg-none dark:bg-gray-900 border border-blue-200 dark:border-gray-600 rounded-xl p-4">
177+
<p className="text-sm font-semibold text-blue-800 dark:text-white mb-2">
178178
✅ Ubicación seleccionada:
179179
</p>
180-
<p className="text-lg text-blue-700 font-medium">
180+
<p className="text-lg text-blue-700 font-medium dark:text-white">
181181
{estanterias.find(e => e.codigo === estanteriaSeleccionada)?.nombre} - {nivelSeleccionado} - Zona {zonasDisponibles.find(z => z.id == zonaSeleccionada)?.zona}
182182
</p>
183-
<p className="text-sm text-blue-600 mt-1">
184-
Código: <span className="font-mono">{zonasDisponibles.find(z => z.id == zonaSeleccionada)?.codigo_completo}</span>
183+
<p className="text-sm text-blue-600 mt-1 dark:text-white">
184+
Código: <span className="font-mono dark:text-blue-500/80">{zonasDisponibles.find(z => z.id == zonaSeleccionada)?.codigo_completo}</span>
185185
</p>
186186
</div>
187187
)}

‎resources/js/components/BL/modalesBL.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@ export default function ModalPedidosBL({ onClose, onSave, clientes, productos, s
9090
const handleSubmit = (e) => {
9191
e.preventDefault();
9292
onSave({ ...formData, productos: productosSeleccionados });
93-
onClose();
93+
// onClose();
9494
};
9595

9696
const clienteSeleccionado = clientes.find(

‎resources/js/pages/BLPedidos.jsx‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,7 @@ export default function BLPedidos({ user, productos, colores, clientes, pedidos
3737
success: true,
3838
message: "Producto guardado correctamente"
3939
});
40+
setModalOpen(false);
4041
// Refrescar la lista de productos
4142
// router.visit(route('clientes.index'));
4243
},
@@ -52,11 +53,11 @@ export default function BLPedidos({ user, productos, colores, clientes, pedidos
5253
// Si hubo error de servidor (status 500 o más)
5354
if (visit.response?.status >= 500) {
5455
const msg = visit.response?.data?.message || "Error interno del servidor";
55-
setToast({
56-
show: true,
57-
success: false,
58-
message: msg
59-
});
56+
// setToast({
57+
// show: true,
58+
// success: false,
59+
// message: msg
60+
// });
6061
}
6162
}
6263
});

0 commit comments

Comments
 (0)