Avishag/google map and test

client-side/package.json

@@ -10,9 +10,10 @@
     "@mui/material": "^5.16.0",
     "@mui/styled-engine-sc": "^6.0.0-alpha.18",
     "@mui/x-charts": "^7.10.0",
+    "@mui/x-data-grid": "^7.9.0",
+    "@react-google-maps/api": "^2.19.3",
     "@mui/x-data-grid": "^7.10.0",
     "@reduxjs/toolkit": "^2.2.6",
-    "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@types/redux": "^3.6.31",
     "axios": "^1.7.2",
@@ -23,20 +24,22 @@
     "jspdf": "^2.5.1",
     "jspdf-autotable": "^3.8.2",
     "react": "^18.3.1",
+    "react-countdown-circle-timer": "^3.2.1",
     "react-dom": "^18.3.1",
     "react-google-recaptcha": "^3.1.0",
     "react-redux": "^9.1.2",
     "react-router-dom": "^6.24.1",
     "react-scripts": "5.0.1",
     "redux": "^5.0.1",
+    "redux-thunk": "^3.1.0",
     "styled-components": "^6.1.11",
     "web-vitals": "^2.1.4",
     "yup": "^1.4.0"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "test": "react-scripts test",
+    "test": "jest",
     "eject": "react-scripts eject",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
@@ -61,6 +64,10 @@
     ]
   },
   "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/plugin-transform-private-property-in-object": "^7.24.7",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/preset-react": "^7.24.7",
     "@chromatic-com/storybook": "^1.6.0",
     "@eslint/compat": "^1.1.0",
     "@eslint/js": "^9.6.0",
@@ -74,16 +81,45 @@
     "@storybook/react": "^8.1.11",
     "@storybook/react-webpack5": "^8.1.11",
     "@storybook/test": "^8.1.11",
+    "@testing-library/jest-dom": "^6.4.8",
+    "babel-jest": "^29.7.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-react": "^7.27.1",
     "eslint-plugin-storybook": "^0.8.0",
     "globals": "^15.8.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "notistack": "^3.0.1",
     "prop-types": "^15.8.1",
+
+    "redux-mock-store": "^1.5.4",
     "react-scripts": "^5.0.1",
     "regenerator-transform": "^0.15.2",
     "sass": "^1.77.6",
     "storybook": "^8.1.11"
+  },
+  "jest": {
+    "transform": {
+      "^.+\\.(js|jsx|ts|tsx)$": "babel-jest"
+    },
+    "moduleNameMapper": {
+      "\\.(css|scss)$": "identity-obj-proxy",
+      "\\.(jpg|jpeg|png|gif|webp|svg)$": "<rootDir>/__mocks__/fileMock.js",
+      "^src/(.*)$": "<rootDir>/src/$1"
+    },
+    "testEnvironment": "jest-environment-jsdom",
+    "testEnvironmentOptions": {},
+    "coverageDirectory": "coverage",
+    "collectCoverage": true
+  },
+  "babel": {
+    "presets": [
+      "@babel/preset-env",
+      "@babel/preset-react"
+    ],
+    "plugins": [
+      "@babel/plugin-transform-private-property-in-object"
+    ]
   }
 }

client-side/src/App.jsx

@@ -1,23 +1,26 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { Provider } from 'react-redux';
 import { RouterProvider } from 'react-router-dom';
 import Footer from './stories/footer/FooterComponent';
 import { router } from './router/router.jsx';
 import { store } from './redux/store.jsx';
 import { SnackbarProvider } from 'notistack';
 import './App.scss';
+import startLocationTracking from './services/googleMapService.js';
 
 function App() {
-  return (
+  useEffect(() => {
+    startLocationTracking();
+  }, []);
 
-    <>
-      <SnackbarProvider maxSnack={3}>
+  return (
+    <SnackbarProvider maxSnack={3}>
       <Provider store={store}>
         <RouterProvider router={router} />
         <Footer />
       </Provider>
     </SnackbarProvider>
-    </>
   );
 }
-export default App;
+
+export default App;

client-side/src/axios/middleware.js

@@ -1,27 +1,28 @@
-import axios from 'axios';
-
-const url = process.env.REACT_APP_SERVER_URL;
-
-export async function handleGet(path) {
-    const response = await axios.create({ baseURL: url }).get(path);
-    return response;
-
-};
-
-export async function handlePost(path, data) {
-    const response = await axios.create({ baseURL: url }).post(path, data);
-    return response;
-
-};
-
-export async function handlePut(path, data) {
-    const response = await axios.create({ baseURL: url }).put(path, data);
-    return response;
-
-};
-
-export async function handleDelete(path) {
-    const response = await axios.create({ baseURL: url }).delete(path);
-    return response;
-
-};
+import axios from 'axios';
+
+const url = process.env.REACT_APP_SERVER_URL;
+
+export async function handleGet(path) {
+
+    const response = await axios.create({ baseURL: url }).get(path);
+    return response;
+
+};
+
+export async function handlePost(path, data) {
+    console.log(path)
+    const response = await axios.create({ baseURL: url }).post(path, data);
+    return response;
+};
+
+export async function handlePut(path, data) {
+    const response = await axios.create({ baseURL: url }).put(path, data);
+    return response;
+
+};
+
+export async function handleDelete(path) {
+    const response = await axios.create({ baseURL: url }).delete(path);
+    return response;
+
+};