NT-1918: Create GraphQL Query & Fragments

[sunday-okpoluaefe]

📲 What

Create GraphQL Query & Fragments

🤔 Why

• Loads the first 25 Comments

• Graph QL Query and Fragments are created

🛠 How

• Created graphql fragmets

fragment comment on Comment {
    id
    author {
       ...user
    }
    body
    deleted
    parentId
    createdAt
}

fragment user on User {
    name
    id
    imageUrl(blur: false, width: 54),
    isCreator
}

fragment pageInfo on PageInfo {
      hasPreviousPage
      hasNextPage
      startCursor
      endCursor
}

• Created comments query

query GetProjectComments($slug: String!, $cursor: String!){
      project(slug: $slug) {
        collaborators {
          edges {
            node {
              id
              name
            }
          }
        }
        comments(after: $cursor) {
          edges {
            cursor
            node {
              authorBadges
              ...comment
              replies {
                edges {
                cursor
                  node {
                    ...comment
                  }
                }
                pageInfo {
                    ...pageInfo
                 }
                totalCount
              }
            }
          }
          pageInfo {
                  ...pageInfo
           }
          totalCount
        }
      }
   }

👀 See

Trello, screenshots, external resources?

Before 🐛	After 🦋

📋 QA

QA -> You can execute this query directly on https://staging.kickstarter.com/graphiql

query {
	project(slug: "nimble-salon-quality-nails-from-the-comfort-of-your-home") {
    collaborators {
            edges {
              node {
                id
                name
              }
            }
          }
      comments {
        edges {
          cursor
          node {
            authorBadges
            ...comment
            replies {
              edges {
              cursor
                node {
                  ...comment
                }
              }
              pageInfo {
                  ...pageInfo
               }
              totalCount
            }
          }
        }
        pageInfo {
                ...pageInfo
         }
        totalCount
      }
    }
 }

fragment user on User {
    name
    id
    imageUrl(blur: false, width: 54),
    isCreator
}

fragment pageInfo on PageInfo {
      hasPreviousPage
      hasNextPage
      startCursor
      endCursor
}

fragment comment on Comment {
    id
    author {
       ...user
    }
    body
    deleted
    parentId
    createdAt
}

Story 📖

https://kickstarter.atlassian.net/browse/NT-1918

[codecov]

Codecov Report

Merging #1245 (c14cc27) into master (a6bff70) will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##             master    #1245   +/-   ##
=========================================
  Coverage     74.79%   74.79%           
  Complexity      734      734           
=========================================
  Files           221      221           
  Lines          6682     6682           
  Branches        403      403           
=========================================
  Hits           4998     4998           
  Misses         1551     1551           
  Partials        133      133           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update a6bff70...c14cc27. Read the comment docs.

[Arkariang]

Great work with those fragments 👍

[Arkariang]

As QA I executed the query on https://staging.kickstarter.com/graphiql and the result of it is the list of comments and the collaborators. Not sure though why we need the collaborators, but if that is also in the acceptance criteria for this ticket disregard my comment and I'll approve it :).
You've done a great work here @sunday-okpoluaefe

QA -> You can execute this query directly on https://staging.kickstarter.com/graphiql

query {
	project(slug: "nimble-salon-quality-nails-from-the-comfort-of-your-home") {
    collaborators {
            edges {
              node {
                id
                name
              }
            }
          }
      comments {
        edges {
          cursor
          node {
            authorBadges
            ...comment
            replies {
              edges {
              cursor
                node {
                  ...comment
                }
              }
              pageInfo {
                  ...pageInfo
               }
              totalCount
            }
          }
        }
        pageInfo {
                ...pageInfo
         }
        totalCount
      }
    }
 }

fragment user on User {
    name
    id
    imageUrl(blur: false, width: 54),
    isCreator
}

fragment pageInfo on PageInfo {
      hasPreviousPage
      hasNextPage
      startCursor
      endCursor
}

fragment comment on Comment {
    id
    author {
       ...user
    }
    body
    deleted
    parentId
    createdAt
}

[sunday-okpoluaefe]

As QA I executed the query on https://staging.kickstarter.com/graphiql and the result of it is the list of comments and the collaborators. Not sure though why we need the collaborators, but if that is also in the acceptance criteria for this ticket disregard my comment and I'll approve it :).
You've done a great work here @sunday-okpoluaefe

QA -> You can execute this query directly on https://staging.kickstarter.com/graphiql

query {
	project(slug: "nimble-salon-quality-nails-from-the-comfort-of-your-home") {
    collaborators {
            edges {
              node {
                id
                name
              }
            }
          }
      comments {
        edges {
          cursor
          node {
            authorBadges
            ...comment
            replies {
              edges {
              cursor
                node {
                  ...comment
                }
              }
              pageInfo {
                  ...pageInfo
               }
              totalCount
            }
          }
        }
        pageInfo {
                ...pageInfo
         }
        totalCount
      }
    }
 }

fragment user on User {
    name
    id
    imageUrl(blur: false, width: 54),
    isCreator
}

fragment pageInfo on PageInfo {
      hasPreviousPage
      hasNextPage
      startCursor
      endCursor
}

fragment comment on Comment {
    id
    author {
       ...user
    }
    body
    deleted
    parentId
    createdAt
}

thanks. For the collaborators, I just feel there will be need to have list of participants in the comment. However, I can remove them for now.