dockerisation is ok, waiting for communication for front and back

docker-compose.yml

@@ -1,12 +1,12 @@
-version: '3.9'
+version: '3.3'
 services:
   web-client:
     build: ./web-client
     ports:
       - 3000:3000
     volumes:
       - ./web-client:/app
-      - /app/node_modules
+      # - /app/node_modules
 
   api:
     build: ./server
@@ -20,7 +20,7 @@ services:
   database:
     image: mysql
     environment:
-      MYSQL_ROOT_PASSWORD: 1995Posse
+      MYSQL_ROOT_PASSWORD: ready16160
       MYSQL_DATABASE: wildmine
     # volumes:
     #   - $HOME/Desktop/MySQL-Snippets/school.sql:/school.sql

web-client/Dockerfile

@@ -7,4 +7,4 @@ RUN npm install
 
 COPY . ./
 
-CMD npm start
+CMD npm run start

web-client/src/index.js

@@ -4,12 +4,20 @@ import './css/style.css';
 import App from './App.js';
 import reportWebVitals from './reportWebVitals';
 import { BrowserRouter } from "react-router-dom";
+import { ApolloClient, InMemoryCache, ApolloProvider } from "@apollo/client";
+
+const client = new ApolloClient({
+  uri: "/graphql",
+  cache: new InMemoryCache(),
+});
 
 ReactDOM.render(
   <React.StrictMode>
-    <BrowserRouter>
-      <App/>
-    </BrowserRouter>
+    <ApolloProvider client={client}>
+      <BrowserRouter>
+        <App/>
+      </BrowserRouter>
+    </ApolloProvider>
   </React.StrictMode>,
   document.getElementById('root')
 );

web-client/src/pages/Dashboard.js

@@ -1,23 +1,27 @@
-import { useQuery } from '@apollo/client';
-import gql from 'gql-tag';
+import { useQuery } from "@apollo/client";
+import gql from 'graphql-tag';
 import React from 'react';
 
-// const getUser = gql`
-// 	query getUsers {
-// 		user {
-// 			id
-// 			first_name
-// 			last_name
-// 		}
-// 	}
-// `;
+const getUser = gql`
+	query getUsers {
+		user {
+			id
+			first_name
+			last_name
+		}
+	}
+`;
 
-const onClickSubmit = async () => {
-	// console.log(await useQuery(getUser));
+const onClickSubmit = () => {
+	console.log('coucou');
 };
+
 const Dashboard = () => {
+	const { loading, data } = useQuery(getUser);
+
 	return (
 		<div className="dashboard-container">
+			{console.log(data)}
 			Hello Home! <button onClick={onClickSubmit}>Test</button>
 		</div>
 	);