Add re-scan buttons (dummy)

2 files changed, 20 insertions, 1 deletions

diff --git a/src/components/ListItem.js b/src/components/ListItem.js
index 661f8c2..b289c2e 100644
--- a/src/components/ListItem.js
+++ b/src/components/ListItem.js
@@ -1,5 +1,6 @@
 import React from "react";
 
+import Button from "@mui/material/Button";
 import Card from "@mui/material/Card";
 
 class ListItem extends React.Component {
@@ -33,6 +34,9 @@ class ListItem extends React.Component {
                         {this.props.cve}
                     </Card>
                 </td>
+                <td>
+                    <Button variant="contained">Re-scan</Button>
+                </td>
             </tr>
         );
     }
diff --git a/src/components/ScanDetail.js b/src/components/ScanDetail.js
index dfc6722..f818710 100644
--- a/src/components/ScanDetail.js
+++ b/src/components/ScanDetail.js
@@ -1,6 +1,7 @@
 import React from "react";
 
 import Alert from "@mui/material/Alert";
+import Button from "@mui/material/Button";
 import Card from "@mui/material/Card";
 
 class ScanDetail extends React.Component {
@@ -51,7 +52,21 @@ class ScanDetail extends React.Component {
                 <h2>Custom info</h2>
                 <Custom {...this.props.custom_data} />
 
-                <h2>Latest scan | {this.props.timestamp_in_utc}</h2>
+                <h2
+                    style={{
+                        display: "flex",
+                        justifyContent: "space-between"
+                    }}
+                >
+                    <div>
+                        Latest scan: &nbsp;&nbsp;&nbsp;
+                        {this.props.timestamp_in_utc}
+                    </div>
+                    <div>
+                        <Button variant="contained">Re-scan</Button>
+                    </div>
+                </h2>
+
                 <div id="cves">
                     {this.props.result
                         .sort((a, b) => (a.vulnerable ? -1 : 1))