attempt to add env var to FE

Harrolee · Apr 14, 2024 · 27644bb · 27644bb
1 parent b6ebc9b
commit 27644bb
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 0 deletions.
diff --git a/web/package.json b/web/package.json
@@ -28,6 +28,7 @@
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
+    "build-production": "REACT_APP_ENV=production react-scripts build",
     "build-place": "react-scripts build; cp -Rp build ../api/",
     "test": "react-scripts test",
     "eject": "react-scripts eject"

diff --git a/web/src/.env.production b/web/src/.env.production
@@ -0,0 +1 @@
+REACT_APP_API_ROOT=https://drive-gooder.com/api
diff --git a/web/src/App.tsx b/web/src/App.tsx
@@ -14,6 +14,7 @@ function App() {
   // send a request to a protected endpoint on the server for the user's info
   // if the response is successful, set loggedIn to true and redirect to protected route
   console.log(`logged in? ${loggedIn}`);
+  console.log(`root domain is: ${process.env.REACT_APP_API_ROOT}`);
 
   if (!loggedIn) {
     return <UnauthenticatedTemplate loginCallback={handleLogin} />;

diff --git a/web/src/component/OAuthLogin.tsx b/web/src/component/OAuthLogin.tsx
@@ -11,6 +11,7 @@ export default function OAuthLogin(props: OAuthLoginProps) {
   return (
     <Box display="flex" justifyContent="center" alignItems="center">
       <FormControl>
+        <h1>testing</h1>
         <Button onClick={handleOauth}>OAuth2 Login</Button>
       </FormControl>
     </Box>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		REACT_APP_API_ROOT=https://drive-gooder.com/api