refactor(env-provider): 🎉 add new env providers

src/api/keycloak.ts

@@ -1,9 +1,14 @@
 import Keycloak from "keycloak-js";
+import {
+  envKeycloakAuthURL,
+  envKeycloakClientID,
+  envKeycloakRealm,
+} from "../helpers/envProvider";
 
 const keycloak = new Keycloak({
-  url: process.env.REACT_APP_KEYCLOAK_URL!,
-  realm: process.env.REACT_APP_KEYCLOAK_REALM!,
-  clientId: process.env.REACT_APP_KEYCLOAK_CLIENT_ID!,
+  url: envKeycloakAuthURL,
+  realm: envKeycloakRealm,
+  clientId: envKeycloakClientID,
 });
 
 export default keycloak;

src/contexts/GithubContext.tsx

@@ -9,6 +9,7 @@ import {
   getGithubAccessTokenwithRefreshToken,
 } from "../toolkit/GithubSlice";
 import { useNavigate } from "react-router-dom";
+import { envKeycloakClientID } from "../helpers/envProvider";
 export const GithubContext: any = createContext<any>(null);
 
 // eslint-disable-next-line
@@ -53,7 +54,7 @@ export default ({ children }: any) => {
   }, [githubToken]);
 
   function getGithubAppCode() {
-    window.location.href = `https://github.com/login/oauth/authorize?client_id=${process.env.REACT_APP_GITHUB_APP_CLIENT_ID}&state=${window.location.pathname}`;
+    window.location.href = `https://github.com/login/oauth/authorize?client_id=${envKeycloakClientID}&state=${window.location.pathname}`;
   }
 
   function getGithubAppToken() {

src/helpers/envProvider.ts

@@ -8,3 +8,12 @@ export const envFrontendUrl: string = process.env.REACT_APP_FRONTEND_URL || "";
 
 export const isProduction: boolean =
   process.env.NODE_ENV === "production" ? true : false;
+
+export const envKeycloakAuthURL: string =
+  process.env.REACT_APP_KEYCLOAK_URL || "";
+
+export const envKeycloakRealm: string =
+  process.env.REACT_APP_KEYCLOAK_REALM || "";
+
+export const envKeycloakClientID: string =
+  process.env.REACT_APP_KEYCLOAK_CLIENT_ID || "";