diff options
| author | Ernst Widerberg <ernstwi@kth.se> | 2021-10-06 16:43:27 +0200 |
|---|---|---|
| committer | Ernst Widerberg <ernstwi@kth.se> | 2021-10-06 16:43:27 +0200 |
| commit | c5511c77a1011a0548cd8452a70458c1491fd09b (patch) | |
| tree | a707bc95c62b08301f7c3c2c38e1e237f7f0b294 /src/components/ObjectComponent.js | |
| parent | bef3961768f2c4280af93dafd82aff331d725d3d (diff) | |
Put user_presentation field descriptions in row below value
Diffstat (limited to 'src/components/ObjectComponent.js')
| -rw-r--r-- | src/components/ObjectComponent.js | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/src/components/ObjectComponent.js b/src/components/ObjectComponent.js index 56bdc7c..bc059a3 100644 --- a/src/components/ObjectComponent.js +++ b/src/components/ObjectComponent.js @@ -48,15 +48,21 @@ function UserPresentation(props) { {Object.entries(props.data).map( ([key, { data, display_name, description }]) => { return ( - <tr key={key}> - <td>{display_name}</td> + <> + <tr key={key}> + <td>{display_name}</td> + <td>{data.toString()}</td> + </tr> {description && ( - <td className="description"> - {description} - </td> + <tr + className="description" + key={key + "-description"} + > + <td colspan="2">{description}</td> + </tr> )} - <td>{data.toString()}</td> - </tr> + <tr className="spacer"></tr> + </> ); } )} |