feat: Add scrollbar to explorer livefeed (#691)

* feat: Add scrollbar to explorer livefeed

* Update packr

Co-authored-by: Levente Pap <levente.pap@iota.org>

plugins/dashboard/frontend/src/app/components/ExplorerLiveFeed.tsx

@@ -31,10 +31,9 @@ export class ExplorerLiveFeed extends React.Component<Props, any> {
                                         <thead>
                                         <tr>
                                             <td>Id</td>
-                                            <td>Value</td>
                                         </tr>
                                         </thead>
-                                        <tbody>
+                                        <tbody style={{'height':'300px', 'overflow':'scroll', 'display':'block'}}>
                                         {msgsLiveFeed}
                                         </tbody>
                                     </Table>

plugins/dashboard/frontend/src/app/stores/ExplorerStore.tsx

@@ -56,7 +56,7 @@ class MessageRef {
     id: string;
 }
 
-const liveFeedSize = 10;
+const liveFeedSize = 50;
 
 enum QueryError {
     NotFound = 1
@@ -231,8 +231,8 @@ export class ExplorerStore {
         for (let i = this.latest_messages.length - 1; i >= 0; i--) {
             let msg = this.latest_messages[i];
             feed.push(
-                <tr key={msg.id}>
-                    <td>
+                <tr key={msg.id} style={{'display':'block'}}>
+                    <td style={{'display':'block'}}>
                         <Link to={`/explorer/message/${msg.id}`}>
                             {msg.id.substr(0, 35)}
                         </Link>