docker-compose.prod.yml

@@ -8,6 +8,8 @@ services:
   backend-prod:
     image: caminsha/bt-backend
     container_name: backend_bt
+    ports:
+      - 5000:5000
     environment:
       DEBUG: "no"
       PORT: 5000

frontend/nginx/nginx.conf

@@ -1,19 +1,15 @@
 server {
     listen 80;
-
     location / {
         root   /usr/share/nginx/html;
         index  index.html index.htm;
         # to redirect all the requests to index.html, 
         # useful when you are using react-router
         try_files $uri /index.html; 
+        proxy_pass http://localhost:5000
     }
-
-    location /api {
-        # include uwsgi_params;
-        # uwsgi_pass http://backend-prod:5000;
-        proxy_pass http://backend-prod:5000;
-    }
-
     error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
 }

frontend/src/components/pages/BehaviorNormal.js

@@ -1,9 +1,10 @@
-import React, { useEffect, useState} from "react";
+import React, { useEffect } from "react";
 import "../../App.css";
 import Footer from "../../Footer";
 import { Logger } from "@behametrics/logger-web";
 import { useAuth } from "../../auth/AuthProvider";
 import InputField from "../InputField";
+import { useState } from "react/cjs/react.development";
 import SubmitField from "../SubmitField";
 
 export default function BehaviorNormal() {

frontend/src/components/pages/Login.js

@@ -1,4 +1,5 @@
-import React, {useState} from "react";
+import React from "react";
+import { useState } from "react/cjs/react.development";
 import "../../App.css";
 import Footer from "../../Footer";
 import InputField from "../InputField";

frontend/src/components/pages/Register.js

@@ -1,4 +1,5 @@
-import React, {useState} from "react";
+import React from "react";
+import { useState } from "react/cjs/react.development";
 import "../../App.css";
 import Footer from "../../Footer";
 import InputField from "../InputField";

frontend/src/components/pages/Secret.js

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useEffect, useState } from "react/cjs/react.development";
 import { authFetch } from "../../auth/AuthProvider.js";
 
 function Secret() {

frontend/src/components/pages/Umfrage.js

@@ -1,4 +1,5 @@
-import React, {useState} from "react";
+import React from "react";
+import { useState } from "react/cjs/react.development";
 import "../../App.css";
 import "../Input.css";
 import Footer from "../../Footer";