Adapt the new github types to our domain.

Author: nedtwigg

…nhancers/github/githubIssueNewComment.ts …hancers/github/githubIssueNewComment.tsxbrowser-extension/src/lib/enhancers/github/githubIssueNewComment.ts renamed to browser-extension/src/lib/enhancers/github/githubIssueNewComment.tsx browser-extension/src/lib/enhancers/github/githubIssueNewComment.ts renamed to browser-extension/src/lib/enhancers/github/githubIssueNewComment.tsx

@@ -52,13 +52,14 @@ export class GitHubIssueNewCommentEnhancer implements CommentEnhancer<GitHubIssu
     })[0]!
   }
 
-  tableTitle(spot: GitHubIssueNewCommentSpot): string {
+  tableRow(spot: GitHubIssueNewCommentSpot): React.ReactNode {
     const { slug } = spot
-    return `${slug} New Issue`
-  }
-
-  tableIcon(_: GitHubIssueNewCommentSpot): string {
-    return '🔄' // PR icon TODO: icon urls in /public
+    return (
+      <>
+        <span>New Issue</span>
+        <span className='font-mono text-sm text-muted-foreground' > {slug} </span>
+      </>
+    )
   }
 
   buildUrl(spot: GitHubIssueNewCommentSpot): string {

browser-extension/src/lib/enhancers/github/githubPRAddComment.tsx

@@ -65,10 +65,10 @@ export class GitHubPRAddCommentEnhancer implements CommentEnhancer<GitHubPRAddCo
   tableRow(spot: GitHubPRAddCommentSpot): React.ReactNode {
     const { slug, number } = spot
     return (
-      <span>
+      <>
         <span className='font-mono text-sm text-muted-foreground'>{slug}</span>
         <span className='ml-2 font-medium'>PR #{number}</span>
-      </span>
+      </>
     )
   }
 }

…b/enhancers/github/githubPRNewComment.ts …/enhancers/github/githubPRNewComment.tsxbrowser-extension/src/lib/enhancers/github/githubPRNewComment.ts renamed to browser-extension/src/lib/enhancers/github/githubPRNewComment.tsx browser-extension/src/lib/enhancers/github/githubPRNewComment.ts renamed to browser-extension/src/lib/enhancers/github/githubPRNewComment.tsx

@@ -57,13 +57,14 @@ export class GitHubPRNewCommentEnhancer implements CommentEnhancer<GitHubPRNewCo
     })[0]!
   }
 
-  tableTitle(spot: GitHubPRNewCommentSpot): string {
+  tableRow(spot: GitHubPRNewCommentSpot): React.ReactNode {
     const { slug } = spot
-    return `${slug} New Issue`
-  }
-
-  tableIcon(_: GitHubPRNewCommentSpot): string {
-    return '🔄' // PR icon TODO: icon urls in /public
+    return (
+      <>
+        <span>New PR</span>
+        <span className='font-mono text-sm text-muted-foreground' > {slug} </span>
+      </>
+    )
   }
 
   buildUrl(spot: GitHubPRNewCommentSpot): string {