Revert "modal"

This reverts commit b824720758.

src/components/Footer/Footer.jsx

@@ -1,4 +1,3 @@
-// src/components/Footer/Footer.jsx
 import React, { useEffect, useState } from 'react';
 import { fetchDatabaseVersion, triggerFullImport } from '../../services/api';
 
@@ -6,32 +5,27 @@ function Footer() {
   const [dbVersion, setDbVersion] = useState(null);
   const [importing, setImporting] = useState(false);
   const [error, setError] = useState(null);
-  const [showModal, setShowModal] = useState(false);
+  const [importResult, setImportResult] = useState(null); // store import result for modal
-  const [modalMessage, setModalMessage] = useState('');
 
   // Fetch DB version on mount
   useEffect(() => {
     fetchDatabaseVersion()
       .then(data => setDbVersion(data.database_version))
-      .catch(err => {
+      .catch(err => setError(err.message));
-        setDbVersion('N/A');
-        setModalMessage(`Failed to fetch DB version: ${err.message}`);
-        setShowModal(true);
-      });
   }, []);
 
   const handleImport = async () => {
     setImporting(true);
     setError(null);
     try {
-      const result = await triggerFullImport();
+      const result = await triggerFullImport(); // result contains message, version, sets, cards, duration
-      const data = await fetchDatabaseVersion();
+      setImportResult(result);
-      setDbVersion(data.database_version);
+
-      setModalMessage(result.message || 'Import completed');
+      // Update displayed DB version
-      setShowModal(true);
+      const versionData = await fetchDatabaseVersion();
+      setDbVersion(versionData.database_version);
     } catch (err) {
-      setModalMessage(`Import failed: ${err.message}`);
+      setError(err.message);
-      setShowModal(true);
     } finally {
       setImporting(false);
     }
@@ -44,12 +38,18 @@ function Footer() {
         <button onClick={handleImport} disabled={importing}>
           {importing ? 'Importing...' : 'Full Import'}
         </button>
+        {error && <span style={{ color: 'red' }}>{error}</span>}
       </div>
 
-      {showModal && (
+      {importResult && (
         <div className="import-modal">
-          <div>{modalMessage}</div>
+          <h3>Import Result</h3>
-          <button onClick={() => setShowModal(false)}>Close</button>
+          <p>{importResult.message}</p>
+          <p>Version: {importResult.version}</p>
+          <p>Sets imported: {importResult.sets?.total || 'N/A'}</p>
+          <p>Cards imported: {importResult.cards?.total || 'N/A'}</p>
+          <p>Duration: {importResult.duration_seconds}s</p>
+          <button onClick={() => setImportResult(null)}>Close</button>
         </div>
       )}
     </>