feature: add customization of timeout for backend's responses (#26)

README.md

@@ -179,6 +179,7 @@ There are 2 configuration file available:
  ```
  PORT=3000 # port that will serve the frontend, if on docker deployment leave as it is and change the port binding in the docker-compose file if needed
  API_URL=http://localhost:8080/api
+ WAIT_TIMEOUT=5000 # timeout for backend responses (in milliseconds)
  
  PAGE_SIZE=25
  

deployment/frontend.env

@@ -1,5 +1,6 @@
 PORT=3000
 API_URL=http://localhost:8080/api
+WAIT_TIMEOUT=5000
 
 PAGE_SIZE=25
 

frontend/.env

@@ -1,4 +1,5 @@
 PORT=3000
 API_URL=http://localhost:8085/api
+WAIT_TIMEOUT=5000
 
 PAGE_SIZE=25

frontend/src/App.tsx

@@ -15,9 +15,10 @@ const ColorModeContext = React.createContext({ toggleColorMode: () => { } });
 export function App() {
  const isLoggedIn: () => boolean = () => secureLocalStorage.getItem("plant-it-key") != null;
  const backendURL = window._env_.API_URL != null ? window._env_.API_URL : "http://localhost:8085/api";
+ const axiosTimeout = window._env_.WAIT_TIMEOUT != null ? window._env_.WAIT_TIMEOUT : 5000;
  const axiosReq = axios.create({
  baseURL: backendURL,
- timeout: 5000
+ timeout: axiosTimeout,
  });
 
  axiosReq.interceptors.request.use(

frontend/src/index.tsx

@@ -10,6 +10,7 @@ declare global {
  interface Window {
  _env_: {
  API_URL: string
+ WAIT_TIMEOUT: number | undefined
  }
  }
 }