style(explorer): improve individual extra props rendering

bento-platform · Sep 26, 2023 · 9ad4cc9 · 9ad4cc9
1 parent 34d28bf
commit 9ad4cc9
Showing 1 changed file with 9 additions and 11 deletions.
diff --git a/src/components/explorer/IndividualOverview.js b/src/components/explorer/IndividualOverview.js
@@ -30,17 +30,15 @@ const IndividualOverview = ({individual}) => {
             </Descriptions.Item>
             <Descriptions.Item label="Extra Properties">{
                 (individual.hasOwnProperty("extra_properties") && Object.keys(individual.extra_properties).length)
-                    ?  <div>
-                    <pre>
-                          <ReactJson src={individual.extra_properties}
-                                     displayDataTypes={false}
-                                     name="Properties"
-                                     collapsed={1}
-                                     enableClipboard={false}
-                          />
-                    </pre>
-                    </div>
-                    : EM_DASH
+                    ?  (
+                        <ReactJson
+                            src={individual.extra_properties}
+                            displayDataTypes={false}
+                            name={null}
+                            collapsed={1}
+                            enableClipboard={false}
+                        />
+                    ) : EM_DASH
             }</Descriptions.Item>
         </Descriptions>
     );