Use new GraphQL endpoint

Author: juffalow

.env.example

@@ -1 +1,2 @@
-REACT_APP_GRAPHQL_URL=https://graphql.juffalow.com/graphql
+REACT_APP_GRAPHQL_URL=https://graphql-api.juffalow.com/graphql
+REACT_APP_API_KEY=da2-dn7sjitqirdiff5g2jthgaln6a

.github/workflows/main.yml

@@ -48,6 +48,9 @@ jobs:
     - name: Install dependencies
       run: yarn
     - name: Build
+      with:
+        REACT_APP_GRAPHQL_URL: ${{ secrets.REACT_APP_GRAPHQL_URL }}
+        REACT_APP_API_KEY: ${{ secrets.REACT_APP_API_KEY }}
       run: yarn build
     - name: Configure AWS credentials
       uses: aws-actions/configure-aws-credentials@v1

src/environment.ts

@@ -8,10 +8,11 @@ import { RequestParameters } from 'relay-runtime/lib/util/RelayConcreteNode';
 import { Variables } from 'relay-runtime/lib/util/RelayRuntimeTypes';
 
 async function fetchGraphQL(params: RequestParameters, variables: Variables) {
-  const response = await fetch(`https://graphql.juffalow.com/graphql`, {
+  const response = await fetch(process.env.REACT_APP_GRAPHQL_URL as string, {
     method: 'POST',
     headers: {
       'Content-Type': 'application/json',
+      'x-api-key': process.env.REACT_APP_API_KEY as string,
     },
     body: JSON.stringify({
       query: params.text,