From 539e1ea35e3df838663f66c7c479ce69fed3c5ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Se=CC=81rgio=20Ramos?= <mail@sergioramos.me>
Date: Thu, 1 Jun 2017 11:57:51 +0100
Subject: [PATCH] fix(joyent-cp-frontend): set REACT_APP_GQL_HOSTNAME

---
 docker-compose.yml                      |  2 +-
 packages/cp-frontend/Dockerfile         |  4 ++++
 packages/cp-frontend/src/state/store.js |  5 ++++-
 scripts/deploy                          | 23 +++++++++++++++++------
 4 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index 2115678c..ebba3fdb 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -76,7 +76,7 @@ gql-mock-server:
   image: quay.io/yldio/joyent-cp-gql-mock-server:$CIRCLE_BRANCH
   mem_limit: 512m
   labels:
-    - triton.cns.services=gql-mock-server-$CIRCLE_BRANCH,cp-frontend-$CIRCLE_BRANCH
+    - triton.cns.services=gql-mock-server-$CIRCLE_BRANCH
     - com.docker.swarm.affinities=["container!=~*gql-mock-server*"]
   environment:
     - CONSUL_AGENT=1
diff --git a/packages/cp-frontend/Dockerfile b/packages/cp-frontend/Dockerfile
index 9b43cdb2..f168d45b 100644
--- a/packages/cp-frontend/Dockerfile
+++ b/packages/cp-frontend/Dockerfile
@@ -8,5 +8,9 @@ RUN npm install lerna@^2.0.0-rc.5 \
 WORKDIR /home/node/app/packages/cp-frontend
 COPY packages/cp-frontend/etc/containerpilot.json /etc/
 
+ARG CIRCLE_BRANCH
+
+ENV REACT_APP_GQL_HOSTNAME gql-mock-server-$CIRCLE_BRANCH.svc.f4b20699-b323-4452-9091-977895896da6.eu-ams-1.triton.zone
+
 EXPOSE 3069
 CMD ["/bin/containerpilot", "yarn", "run", "start"]
diff --git a/packages/cp-frontend/src/state/store.js b/packages/cp-frontend/src/state/store.js
index c31b84ed..84ccc1f1 100644
--- a/packages/cp-frontend/src/state/store.js
+++ b/packages/cp-frontend/src/state/store.js
@@ -4,6 +4,9 @@ import { ApolloClient, createNetworkInterface } from 'react-apollo';
 import state from './state';
 import { ui } from './reducers';
 
+const GQL_HOSTNAME =
+  process.env.REACT_APP_GQL_HOSTNAME || window.location.hostname;
+
 export const client = new ApolloClient({
   dataIdFromObject: o => {
     const id = o.slug
@@ -18,7 +21,7 @@ export const client = new ApolloClient({
     return `${o.__typename}:${id}`;
   },
   networkInterface: createNetworkInterface({
-    uri: `http://${window.location.hostname}:3000/graphql`
+    uri: `http://${GQL_HOSTNAME}:3000/graphql`
   })
 });
 
diff --git a/scripts/deploy b/scripts/deploy
index e1ce0b97..3e62a63a 100755
--- a/scripts/deploy
+++ b/scripts/deploy
@@ -154,12 +154,23 @@ const deploy = async () => {
   });
 
   // up project
-  return execa('docker-compose', ['up', '-d', '--build', '--force-recreate'], {
-    stdio: 'inherit',
-    env: Object.assign({}, env, {
-      COMPOSE_PROJECT_NAME
-    })
-  });
+  return execa(
+    'docker-compose',
+    [
+      'up',
+      '-d',
+      '--build',
+      '--force-recreate',
+      '--build-arg',
+      `CIRCLE_BRANCH=${process.env.CIRCLE_BRANCH}`
+    ],
+    {
+      stdio: 'inherit',
+      env: Object.assign({}, env, {
+        COMPOSE_PROJECT_NAME
+      })
+    }
+  );
 };
 
 const run = async () => {