fix api

frontend/public/config.json

@@ -1,4 +0,0 @@
-{
-    "apiUrl": "https://unicone-studio-hanskingdom.hf.space"
-  }
-  

frontend/src/App.js

@@ -1,33 +1,25 @@
+// src/App.js
 import React, { useState, useEffect } from 'react';
 import axios from 'axios';
+import config from './config'; // Import the config
 import logo from './logo.svg';
 import './App.css';
 
 function App() {
   const [data, setData] = useState(null);
   const [error, setError] = useState(null);
-  const [apiUrl, setApiUrl] = useState('');
+  const apiUrl = config.apiUrl;
 
   useEffect(() => {
-    // Fetch configuration file
-    fetch('/config.json')
-      .then(response => response.json())
-      .then(config => {
-        setApiUrl(config.apiUrl);
-
-        // Fetch data from the backend
-        axios.get(`${config.apiUrl}/api/film/all`)
-          .then(response => {
-            setData(response.data);
-          })
-          .catch(err => {
-            setError(err);
-          });
+    // Use the API URL from the config
+    axios.get(`${apiUrl}/api/film/all`)
+      .then(response => {
+        setData(response.data);
       })
       .catch(err => {
         setError(err);
       });
-  }, []);
+  }, [apiUrl]);
 
   return (
     <div className="App">

frontend/src/config.js

@@ -0,0 +1,7 @@
+// src/config.js
+const config = {
+    apiUrl: 'https://unicone-studio-hanskingdom.hf.space', // Update this URL as needed
+  };
+  
+  export default config;
+  

frontend/src/setupTests.js

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';