load config from server instead of config file

client/app/model/config.ts

@@ -0,0 +1,4 @@
+export interface IConfig {
+  client_id: string;
+  redirect_uri: string;
+}

client/app/services/config.service.ts

@@ -0,0 +1,11 @@
+import axios from '../axios/axios';
+import { IConfig } from '../model/config';
+
+const getConfig = async (): Promise<IConfig> => {
+  const res = await axios.get('/api/config');
+  return res.data.data;
+};
+
+export const ConfigService = {
+  getConfig,
+};

client/app/util/oauth/oauth.ts

@@ -1,14 +1,11 @@
-const config = require('../../../../config/client.secret.json');
+import { ConfigService } from '../../services/config.service';
 
-const { bnet_client_id, bnet_redirect_uri } = config;
+const getUrl = (redirect_uri: string, client_id: string) =>
+  `https://us.battle.net/oauth/authorize?redirect_uri=${redirect_uri}&scope=wow.profile&client_id=${client_id}&response_type=code`;
 
-// TODO: support for eu etc.
-const oauthUrl =
-  `https://us.battle.net/oauth/authorize?redirect_uri=` +
-  `${bnet_redirect_uri}&scope=wow.profile&client_id=${bnet_client_id}&response_type=code`;
-
-const openOuathWindow = () => {
-  window.open(oauthUrl, '_blank', 'resizeable=yes, height=900, width=1200');
+const openOuathWindow = async () => {
+  const config = await ConfigService.getConfig();
+  window.open(getUrl(config.redirect_uri, config.client_id), '_blank', 'resizeable=yes, height=900, width=1200');
 };
 
 export const Oauth = {