Merge pull request #612 from asuc-octo/dev-urls

Use staging backend for frontend development

frontend/Dockerfile

@@ -4,7 +4,7 @@ WORKDIR /frontend
 COPY package.json .
 RUN npm install
 COPY . .
-ENTRYPOINT npm start
+ENTRYPOINT npm dev
 
 FROM dev AS prod
 RUN npm install -g serve

frontend/package.json

@@ -12,7 +12,7 @@
 		"build:js": "vite build --emptyOutDir",
 		"watch:js": "vite",
 		"watch:codegen": "graphql-codegen --config codegen.yml --watch",
-		"start": "npm-run-all codegen -p watch:*",
+		"dev": "npm-run-all codegen -p watch:*",
 		"build": "npm-run-all codegen -p build:*",
 		"lint": "eslint ./**/* --fix --ext .jsx --ext .tsx --ext .scss",
 		"prod": "serve -s build -p 3000"

frontend/src/graphql/client.ts

@@ -2,7 +2,7 @@ import { ApolloClient, HttpLink } from '@apollo/client';
 import { cache } from './cache';
 
 const httpLink = new HttpLink({
-	uri: '/api/graphql'
+	uri: import.meta.env.PROD ? '/api/graphql' : 'https://staging.berkeleytime.com/api/graphql'
 });
 
 // Explore ways to transform API responses before reaching the components

frontend/src/redux/actions.js

@@ -16,6 +16,8 @@ import {
 	UPDATE_ENROLL_SELECTED
 } from './actionTypes';
 
+axios.defaults.baseURL = import.meta.env.PROD ? axios.defaults.baseURL : 'https://staging.berkeleytime.com';
+
 // update grade list
 const updateGradeContext = (data) => ({
 	type: UPDATE_GRADE_CONTEXT,