name

src/components/Footer/Footer.jsx

@@ -1,9 +1,9 @@
+// src/components/Footer/Footer.jsx
 import React, { useEffect, useState } from 'react';
 import { fetchDatabaseVersion, triggerFullImport } from '../../services/api';
 
-function DatabaseFooter() {
+function Footer() {
   const [dbVersion, setDbVersion] = useState(null);
-  const [loading, setLoading] = useState(false);
   const [importing, setImporting] = useState(false);
   const [error, setError] = useState(null);
 
@@ -19,7 +19,6 @@ function DatabaseFooter() {
     setError(null);
     try {
       await triggerFullImport();
-      // After import, refresh DB version
       const data = await fetchDatabaseVersion();
       setDbVersion(data.database_version);
     } catch (err) {

src/pages/HomePage.jsx

@@ -1,10 +1,11 @@
+//HomePage.jsx
 import React, { useEffect, useState, useContext } from 'react';
 import { Virtuoso } from 'react-virtuoso';
 import CardRow from '../components/CardRow/CardRow';
 import SearchBar from '../components/SearchBar/SearchBar';
 import { CardContext } from '../store/CardContext';
 import { fetchCards, fetchCardImage } from '../services/api';
-import DatabaseFooter from '../components/Footer/Footer';
+import Footer from '../components/Footer/Footer';
 
 // Debounce hook
 function useDebouncedValue(value, delay = 250) {

src/services/api.jsx

@@ -1,3 +1,4 @@
+//api.jsx
 const API_BASE = '/api';
 
 export async function fetchCards() {
@@ -28,3 +29,17 @@ export async function updateCardAmount(cardId, setId, rarityId, amount) {
   if (!response.ok) throw new Error('Failed to update amount');
   return await response.json();
 }
+
+export async function fetchDatabaseVersion() {
+  const response = await fetch(`${API_BASE}/db-version`);
+  if (!response.ok) throw new Error('Failed to fetch database version');
+  return await response.json();
+}
+
+export async function triggerFullImport() {
+  const response = await fetch(`${API_BASE}/import/full-import`, {
+    method: 'POST'
+  });
+  if (!response.ok) throw new Error('Failed to trigger full import');
+  return await response.json();
+}