From 90890eef02be33ce5d36b7b1a9502cea0d081801 Mon Sep 17 00:00:00 2001
From: tanhakabir <tanhakabir.ca@gmail.com>
Date: Sun, 1 Aug 2021 22:55:58 -0700
Subject: [PATCH] create table of issues

---
 .../src/client/render.tsx                       | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/notebook-renderer-react-sample/src/client/render.tsx b/notebook-renderer-react-sample/src/client/render.tsx
index 0683641f..76b0602d 100644
--- a/notebook-renderer-react-sample/src/client/render.tsx
+++ b/notebook-renderer-react-sample/src/client/render.tsx
@@ -16,7 +16,22 @@ interface GitHubIssuesValue {
 }
 
 export const IssuesList: React.FC<{info: IRenderInfo}> = ({info}) => {
-    return <div><h1>Hello from Create React App</h1><p>I am in a React Component!</p></div>;
+    const issues = info.value.map(item => {
+      return <tr>
+          <td><a href={item.url}>{item.title}</a></td>
+          <td>{item.body}</td>
+        </tr>;
+    });
+    
+    return <div>
+      <table>
+        <tr>
+          <th>Issue</th>
+          <th>Description</th>
+        </tr>
+        {issues}
+      </table>
+    </div>;
 };
 
 if (module.hot) {