passing variables with our graphQL Query

Author: lastnamearya

src/App.js

@@ -35,26 +35,26 @@ const GET_REPOSITORY_OF_ORGANIZATION = `
 `;
 
 const GET_ISSUES_OF_REPOSITORY = `
-{
-  organization(login: "the-road-to-learn-react") {
-    name
-    url
-    repository(name: "the-road-to-learn-react") {
+  query($organization: String!, $repository: String!) {
+    organization(login: $organization) {
       name
       url
-      issues( last: 5 ) {
-        edges {
-          node {
-            id 
-            title
-            url
+      repository(name: $repository) {
+        name
+        url
+        issues( last: 5 ) {
+          edges {
+            node {
+              id 
+              title
+              url
+            }
           }
         }
       }
     }
   }
-}
-`;
+  `;
 
 const getIssuesOfRepositoryQuery = (organization, repository) => `{
   organization( login: "${organization}") {
@@ -80,7 +80,8 @@ const getIssuesOfRepository = path => {
   const [organization, repository] = path.split('/');
 
   return axiosGithubGraphQL.post('', {
-    query: getIssuesOfRepositoryQuery(organization, repository),
+    query: GET_ISSUES_OF_REPOSITORY,
+    variables: { organization, repository },
   });
 };