EFC/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Se agrego modificacon de creacion de importador

Browse Source
This commit is contained in:
Kevin Rosales
2025-09-01 17:00:02 -06:00
parent 938e75b9bc
commit 98f2686d27
1 changed files with 187 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/pages/Importers.jsx
View File

@@ -201,7 +201,12 @@ export default function Importers() {
</h3>
<button
type="button"
onClick={() => { setModalMode('create'); setModalData({ rfc: '', nombre: '', organizacion: '' }); setErrorMsg(''); setModalOpen(true); }}
onClick={() => {
setModalMode('create');
setModalData({ rfc: '', nombre: '', organizacion: '' });
setErrorMsg('');
setModalOpen(true);
}}
className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white font-semibold text-xs sm:text-sm shadow-md transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
>
<svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -279,8 +284,13 @@ export default function Importers() {
<path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
{/* Modal moved outside table for valid JSX and Users.jsx style will be applied below */}
{/* MODALS: Styled like Users.jsx, rendered outside the table for valid JSX */}
</div>
</td>
</tr>
))}
</tbody>
{/* Modal rendering outside table and empty state, always available */}
{modalOpen && (
<div className="fixed inset-0 bg-black bg-opacity-60 backdrop-blur-sm overflow-y-auto h-full w-full z-50 flex items-center justify-center p-4">
<div className="relative mx-auto w-full max-w-xl bg-white rounded-2xl shadow-2xl transform transition-all duration-300 animate-in slide-in-from-bottom-4">
@@ -451,11 +461,6 @@ export default function Importers() {
</div>
</div>
)}
</div>
</td>
</tr>
))}
</tbody>
</table>
</div>
@@ -543,7 +548,15 @@ export default function Importers() {
<h3 className="text-base sm:text-lg font-semibold text-gray-900 mb-2">No se encontraron importadores</h3>
<p className="text-gray-500 mb-6">{searchTerm ? 'Intenta con otros términos de búsqueda.' : 'Comienza agregando un nuevo importador.'}</p>
{!searchTerm && (
<button className="inline-flex items-center px-4 py-2 border border-transparent rounded-lg shadow-sm text-xs sm:text-sm font-medium text-white bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-all duration-200 transform hover:scale-105">
<button
className="inline-flex items-center px-4 py-2 border border-transparent rounded-lg shadow-sm text-xs sm:text-sm font-medium text-white bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-all duration-200 transform hover:scale-105"
onClick={() => {
setModalMode('create');
setModalData({ rfc: '', nombre: '', organizacion: '' });
setErrorMsg('');
setModalOpen(true);
}}
>
<svg className="-ml-1 mr-2 h-4 w-4 sm:h-5 sm:w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
</svg>