From bc3391d39fd987dafb7f8027b4475982bc37a50c Mon Sep 17 00:00:00 2001
From: Ernst Widerberg <ernst@sunet.se>
Date: Wed, 30 Mar 2022 13:13:32 +0200
Subject: Edit data format

---
 src/components/ScanDetail.js | 47 +++++++++++++++++---------------------------
 1 file changed, 18 insertions(+), 29 deletions(-)

(limited to 'src/components')

diff --git a/src/components/ScanDetail.js b/src/components/ScanDetail.js
index a5f6d16..dfc6722 100644
--- a/src/components/ScanDetail.js
+++ b/src/components/ScanDetail.js
@@ -41,17 +41,15 @@ class ScanDetail extends React.Component {
                     </tbody>
                 </table>
 
-                {this.props.user_presentation.description && (
+                {this.props.description && (
                     <>
                         <br />
-                        <Alert severity="info">
-                            {this.props.user_presentation.description}
-                        </Alert>
+                        <Alert severity="info">{this.props.description}</Alert>
                     </>
                 )}
 
                 <h2>Custom info</h2>
-                <Details {...this.props} />
+                <Custom {...this.props.custom_data} />
 
                 <h2>Latest scan | {this.props.timestamp_in_utc}</h2>
                 <div id="cves">
@@ -66,35 +64,26 @@ class ScanDetail extends React.Component {
     }
 }
 
-function Details(props) {
+function Custom(props) {
     return (
-        <>
-            <UserPresentation
-                description={props.user_presentation.description}
-                data={props.user_presentation.data}
-            />
-        </>
-    );
-}
-
-function UserPresentation(props) {
-    return (
-        <table className="user-presentation">
-            {Object.entries(props.data).map(
-                ([key, { data, display_name, description }]) => (
-                    <UserPresentationElement
-                        key={key}
-                        data={data}
-                        display_name={display_name}
-                        description={description}
-                    />
-                )
-            )}
+        <table>
+            <tbody>
+                {Object.entries(props).map(
+                    ([key, { data, display_name, description }]) => (
+                        <CustomElement
+                            key={key}
+                            data={data}
+                            display_name={display_name}
+                            description={description}
+                        />
+                    )
+                )}
+            </tbody>
         </table>
     );
 }
 
-function UserPresentationElement(props) {
+function CustomElement(props) {
     return (
         <tr>
             <td>{props.display_name}</td>
-- 
cgit v1.1