Handle draft PRs

src/lib/assertUnreachable.ts

@@ -0,0 +1,3 @@
+export function assertUnreachable<T>(_: never, defaultValue: T): T {
+  return defaultValue;
+}

src/providers/github/components/IssueCard/IssueCard.tsx

@@ -19,6 +19,7 @@ export interface IIssue {
   url: string;
   html_url: string;
   state: 'open' | 'closed' | 'merged';
+  isDraft: boolean;
   status: IssueStatus;
   number: number;
   createdAt: string;
@@ -101,7 +102,7 @@ export const IssueCard = compose<IInnerProps, IProps>(
       <div className="flex-1 min-w-0">
         <div className="flex-1 flex justify-between items-center">
           <div className="flex-1 flex items-center mb-1 min-w-0">
-            <IssueStatusIndicator type={issue.type} state={issue.state} />
+            <IssueStatusIndicator issue={issue} />
 
             <span className={cx('truncate pb-1 min-w-0', linkStyle)}>
               <a

src/providers/github/components/IssueCard/IssueStatusIndicator.tsx

@@ -2,26 +2,34 @@ import cx from 'classnames';
 import React from 'react';
 
 import { IIssue } from './IssueCard';
-
-const ISSUE_STATUS_COLORS: Record<IIssue['state'], string> = {
-  open: 'text-green-500',
-  closed: 'text-red-500',
-  merged: 'text-purple-500',
-};
+import {assertUnreachable} from "../../../../lib/assertUnreachable";
 
 interface IProps {
-  type: IIssue['type'];
-  state: IIssue['state'];
+  issue: Pick<IIssue, 'state' | 'isDraft' | 'type'>;
 }
 
-export const IssueStatusIndicator = ({ type, state }: IProps) => (
+export const IssueStatusIndicator = ({ issue }: IProps) => (
   <i
     className={cx(
       'mr-2',
-      type === 'PullRequest'
+      issue.type === 'PullRequest'
         ? 'fas fa-code-branch'
         : 'fas fa-exclamation-circle',
-      ISSUE_STATUS_COLORS[state.toLowerCase() as IIssue['state']]
+      getColor(issue.state.toLowerCase() as IIssue['state'], issue.isDraft)
     )}
   />
 );
+
+function getColor(state: IIssue['state'], isDraft: boolean)
+{
+  switch (state) {
+    case 'open':
+      return isDraft ? 'text-gray-500' : 'text-green-500';
+    case 'closed':
+      return 'text-red-500';
+    case 'merged':
+      return 'text-purple-500';
+    default:
+      return assertUnreachable(state, 'text-gray-500');
+  }
+}

src/providers/github/fetchers/graphql/query.ts

@@ -35,6 +35,7 @@ const pullRequestFragment = `
   fragment PullRequestFragment on PullRequest {
     ${commonFields}
     mergeable
+    isDraft
     reviews {
       totalCount
     }