From a2d1c86f78d8be89aafd66ae6845896d3f43d92b Mon Sep 17 00:00:00 2001
From: CodeServer <CodeServer@jlu42.com>
Date: Sun, 8 May 2022 04:21:38 +0100
Subject: [PATCH] changed env variable name

---
 env/local.env                                    | 2 +-
 src/CheckENVRoute.tsx                            | 2 +-
 src/api/axios.tsx                                | 2 +-
 src/components/UtilityComponents/ErrorENV.tsx    | 2 +-
 src/components/navbar/NavBar.tsx                 | 4 ++--
 src/components/repositoryInfo/RepositoryInfo.tsx | 8 ++++----
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/env/local.env b/env/local.env
index eb557c1..729efaf 100644
--- a/env/local.env
+++ b/env/local.env
@@ -1,2 +1,2 @@
 ENV=local
-REGISTRY_URL=https://registry.docker.cofan.cloud
\ No newline at end of file
+REACT_APP_REACT_APP_REGISTRY_URL=https://registry.docker.cofan.cloud
\ No newline at end of file
diff --git a/src/CheckENVRoute.tsx b/src/CheckENVRoute.tsx
index 8039dc9..4e3278b 100644
--- a/src/CheckENVRoute.tsx
+++ b/src/CheckENVRoute.tsx
@@ -4,7 +4,7 @@ import React from "react";
 
 const CheckENVRoute: React.FC = () => {
 
-  return process.env.REGISTRY_URL ? (
+  return process.env.REACT_APP_REGISTRY_URL ? (
     <>
         <Outlet />
     </>
diff --git a/src/api/axios.tsx b/src/api/axios.tsx
index 493fd3d..6780768 100644
--- a/src/api/axios.tsx
+++ b/src/api/axios.tsx
@@ -6,6 +6,6 @@ const axiosAlt = (url: string) => {
   })
 };
 
-export default axiosAlt(process.env.REGISTRY_URL ? process.env.REGISTRY_URL : "");
+export default axiosAlt(process.env.REACT_APP_REGISTRY_URL ? process.env.REACT_APP_REGISTRY_URL : "");
 
 export { axiosAlt };
\ No newline at end of file
diff --git a/src/components/UtilityComponents/ErrorENV.tsx b/src/components/UtilityComponents/ErrorENV.tsx
index 7a477d3..9ec2e1e 100644
--- a/src/components/UtilityComponents/ErrorENV.tsx
+++ b/src/components/UtilityComponents/ErrorENV.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 const ErrorENV: React.FC = () => {
     return(
-        <h1>Environment variable REGISTRY_URL not set!</h1>
+        <h1>Environment variable REACT_APP_REGISTRY_URL not set!</h1>
     );
 };
 
diff --git a/src/components/navbar/NavBar.tsx b/src/components/navbar/NavBar.tsx
index f2983ee..44725de 100644
--- a/src/components/navbar/NavBar.tsx
+++ b/src/components/navbar/NavBar.tsx
@@ -22,7 +22,7 @@ const NavBar: React.FC = () => {
     };
 
     const handleClick = () => {
-      const url = process.env.REGISTRY_URL ? process.env.REGISTRY_URL : "";
+      const url = process.env.REACT_APP_REGISTRY_URL ? process.env.REACT_APP_REGISTRY_URL : "";
       navigator.clipboard.writeText(getHostNameFromURL(url));
       setSnackbarOpen(true);
     };
@@ -180,7 +180,7 @@ const NavBar: React.FC = () => {
             </Typography>
 
             <Box sx={{ flexGrow: 1, display: 'flex' }}>
-              <Typography onClick={handleClick} className="centerText" > Your registry instance is at {process.env.REGISTRY_URL ? process.env.REGISTRY_URL : ""} </Typography>
+              <Typography onClick={handleClick} className="centerText" > Your registry instance is at {process.env.REACT_APP_REGISTRY_URL ? process.env.REACT_APP_REGISTRY_URL : ""} </Typography>
             </Box>
 
             <Snackbar open={snackbarOpen} autoHideDuration={6000} onClose={handleClose}>
diff --git a/src/components/repositoryInfo/RepositoryInfo.tsx b/src/components/repositoryInfo/RepositoryInfo.tsx
index 664d767..15bba04 100644
--- a/src/components/repositoryInfo/RepositoryInfo.tsx
+++ b/src/components/repositoryInfo/RepositoryInfo.tsx
@@ -53,13 +53,13 @@ const RepositoryInfo: React.FC = () => {
     }
 
     const handlePushClick = () => {
-        const hostName = getHostNameFromURL(process.env.REGISTRY_URL ? process.env.REGISTRY_URL : "");
+        const hostName = getHostNameFromURL(process.env.REACT_APP_REGISTRY_URL ? process.env.REACT_APP_REGISTRY_URL : "");
         navigator.clipboard.writeText(generatePushCommand(hostName,"tagname"));
         setSnackbarOpen(true);
     };
 
     const handlePullClick = (tagName: string) => {
-        const hostName = getHostNameFromURL(process.env.REGISTRY_URL ? process.env.REGISTRY_URL : "");
+        const hostName = getHostNameFromURL(process.env.REACT_APP_REGISTRY_URL ? process.env.REACT_APP_REGISTRY_URL : "");
         navigator.clipboard.writeText(generatePullCommand(hostName,tagName));
         setSnackbarOpen(true);
     };
@@ -111,7 +111,7 @@ const RepositoryInfo: React.FC = () => {
                                         <Typography className="lines" variant="body2">
                                             To push a new tag to this repository,
                                         </Typography>
-                                        <Box className="commandDisplay" onClick={handlePushClick} component="span" sx={{ display: 'block', bgcolor: '#445d6e', color: 'white', borderColor: '#445d6e' }}>{generatePushCommand(getHostNameFromURL(process.env.REGISTRY_URL ? process.env.REGISTRY_URL : ""),"tagname")}</Box>
+                                        <Box className="commandDisplay" onClick={handlePushClick} component="span" sx={{ display: 'block', bgcolor: '#445d6e', color: 'white', borderColor: '#445d6e' }}>{generatePushCommand(getHostNameFromURL(process.env.REACT_APP_REGISTRY_URL ? process.env.REACT_APP_REGISTRY_URL : ""),"tagname")}</Box>
                                     </Box>
                                 </Grid>
                             </Grid>
@@ -279,7 +279,7 @@ const RepositoryInfo: React.FC = () => {
                                                         <Typography className="lines" variant="h6">
                                                         To pull this image,
                                                         </Typography>
-                                                        <Box className="commandDisplay" onClick={() => (handlePullClick(tag.label))} component="span" sx={{ display: 'block', bgcolor: '#445d6e', color: 'white', borderColor: '#445d6e' }}>{generatePullCommand(getHostNameFromURL(process.env.REGISTRY_URL ? process.env.REGISTRY_URL : ""),tag.label)}</Box>
+                                                        <Box className="commandDisplay" onClick={() => (handlePullClick(tag.label))} component="span" sx={{ display: 'block', bgcolor: '#445d6e', color: 'white', borderColor: '#445d6e' }}>{generatePullCommand(getHostNameFromURL(process.env.REACT_APP_REGISTRY_URL ? process.env.REACT_APP_REGISTRY_URL : ""),tag.label)}</Box>
                                                     </Box>
                                                 </Grid>
                                                 <Grid item lg={12} md={12}>