update env vars and inject through docker-compose (uselotus#225)

docker-compose.dev.yaml

@@ -32,6 +32,8 @@ services:
       context: ./frontend
       dockerfile: Dockerfile
       target: development
+    env_file:
+      - ./env/.env.dev
     ports:
       - 3000:3000
     command: yarn run dev --host 0.0.0.0 --port 3000

docker-compose.prod.yaml

@@ -32,6 +32,8 @@ services:
       context: ./frontend
       dockerfile: Dockerfile
       target: production
+    env_file:
+      - ./env/.env.prod
     stdin_open: true
     ports:
       - 80:80

env/.env.dev.example

@@ -0,0 +1,16 @@
+SECRET_KEY=change_me
+ADMIN_USERNAME=change_me
+ADMIN_EMAIL=change_me
+ADMIN_PASSWORD=change_me
+DOCKERIZED=True
+DEBUG=True
+SELF_HOSTED=True
+STRIPE_SECRET_KEY=change_me
+POSTGRES_USER=lotus
+POSTGRES_PASSWORD=lotus
+POSTGRES_DB_NAME=lotus
+PRODUCT_ANALYTICS_OPT_IN=True
+DOCKERIZED=True
+NODE_ENV=development
+VITE_APP_NAME=Lotus-Frontend-Dev
+VITE_API_URL="http://localhost:8000/"

env/.env.prod.example

@@ -0,0 +1,16 @@
+SECRET_KEY=change_me
+ADMIN_PASSWORD=change_me
+ADMIN_EMAIL=change_me
+ADMIN_USERNAME=change_me
+DOCKERIZED=True
+DEBUG=False
+SELF_HOSTED=True
+STRIPE_SECRET_KEY=change_me
+POSTGRES_USER=lotus
+POSTGRES_PASSWORD=lotus
+POSTGRES_DB_NAME=lotus
+NODE_ENV=production
+VITE_APP_NAME=Lotus-Frontend-Prod
+VITE_API_URL="http://localhost/"
+PRODUCT_ANALYTICS_OPT_IN=True
+

frontend/src/api/api.ts

@@ -23,6 +23,7 @@ import { CreateBacktestType, BacktestType } from "../types/experiment-type";
 const cookies = new Cookies();
 
 const API_HOST = import.meta.env.VITE_API_URL;
+console.log("API_HOST", API_HOST);
 
 axios.defaults.headers.common["Authorization"] = `Token ${cookies.get(
   "Token"