Fix oction displayed for draft pr

codegen.yml

@@ -1,5 +1,7 @@
 overwrite: true
-schema: "graphql/schema/github-schema.ts"
+schema: 
+  - "graphql/schema/github-schema.ts"
+  - "graphql/schema/schema-extension.graphql"
 documents:
   - graphql/fragments/*.graphql
   - graphql/queries/*.graphql

graphql/fragments/issue-model.fragment.graphql

@@ -22,4 +22,5 @@ fragment issueModel on Issue {
       }
     }
   }
+  isDraft
 }

graphql/queries/fetch-pullrequests.graphql

@@ -5,6 +5,7 @@ query FetchPullRequests($owner: String!, $name: String!, $cursor: String) {
         cursor
         node {
           ...pullrequest
+          isDraft
           labels(first: 100) {
             edges {
               node {

graphql/schema/schema-extension.graphql

@@ -0,0 +1,3 @@
+extend type Issue {
+  isDraft: Boolean
+}

src/app/core/models/github/github-graphql.issue-or-pr.ts

@@ -19,7 +19,8 @@ export class GithubGraphqlIssueOrPr extends GithubIssue {
       },
       assignees: flattenEdges(issue.assignees.edges),
       labels: flattenEdges(issue.labels.edges),
-      milestone: issue.milestone ? issue.milestone : null
+      milestone: issue.milestone ? issue.milestone : null,
+      isDraft: issue.isDraft
     });
   }
 }

src/app/core/models/github/github-issue.model.ts

@@ -27,6 +27,7 @@ export class GithubIssue {
   };
   comments?: Array<GithubComment>;
   issueOrPr?: string;
+  isDraft: boolean;
 
   constructor(githubIssue: {}) {
     Object.assign(this, githubIssue);

src/app/core/models/issue.model.ts

@@ -21,6 +21,7 @@ export class Issue {
   state: string;
   issueOrPr: string;
   author: string;
+  isDraft: boolean;
 
   /** Depending on the phase, assignees attribute can be derived from Github's assignee feature OR from the Github's issue description */
   assignees?: string[];
@@ -86,6 +87,7 @@ export class Issue {
     this.issueOrPr = githubIssue.issueOrPr;
     this.author = githubIssue.user.login;
     // this.githubIssue = githubIssue;
+    this.isDraft = githubIssue.isDraft;
 
     this.assignees = githubIssue.assignees.map((assignee) => assignee.login);
     this.githubLabels = githubIssue.labels;

src/app/shared/issue-pr-card/issue-pr-card-header/issue-pr-card-header.component.ts

@@ -27,6 +27,9 @@ export class IssuePrCardHeaderComponent {
         return 'issue-closed';
       }
       case type === 'PullRequest' && state === 'OPEN': {
+        if (this.issue.isDraft) {
+          return 'git-pull-request-draft';
+        }
         return 'git-pull-request';
       }
       case type === 'PullRequest' && state === 'CLOSED': {
@@ -43,6 +46,9 @@ export class IssuePrCardHeaderComponent {
 
   /** Returns status color for issue */
   getIssueOpenOrCloseColor() {
+    if (this.issue.isDraft) {
+      return 'grey';
+    }
     if (this.issue.state === 'OPEN') {
       return 'green';
     } else if (this.issue.issueOrPr === 'PullRequest' && this.issue.state === 'CLOSED') {

src/app/shared/issue-pr-card/issue-pr-card.component.ts

@@ -24,6 +24,9 @@ export class IssuePrCardComponent {
 
   /** Returns CSS class for border color */
   getIssueOpenOrCloseColorCSSClass() {
+    if (this.issue.isDraft) {
+      return 'grey';
+    }
     if (this.issue.state === 'OPEN') {
       return 'border-green';
     } else if (this.issue.issueOrPr === 'PullRequest' && this.issue.state === 'CLOSED') {