X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/62c2d66cbae1c97df44e9fc1c57f8bb306c38167..be5e418e1bb0ff54401b71c2cf6865222d182c18:/src/views-components/advanced-tab-dialog/metadataTab.tsx

diff --git a/src/views-components/advanced-tab-dialog/metadataTab.tsx b/src/views-components/advanced-tab-dialog/metadataTab.tsx
index eea438d7e8..1b950d242f 100644
--- a/src/views-components/advanced-tab-dialog/metadataTab.tsx
+++ b/src/views-components/advanced-tab-dialog/metadataTab.tsx
@@ -2,7 +2,7 @@
 //
 // SPDX-License-Identifier: AGPL-3.0
 
-import * as React from "react";
+import React from "react";
 import { Table, TableHead, TableCell, TableRow, TableBody, StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core';
 
 type CssRules = 'cell';
@@ -17,16 +17,16 @@ interface MetadataTable {
     uuid: string;
     linkClass: string;
     name: string;
-    tail: string;
-    head: string;
+    tailUuid: string;
+    headUuid: string;
     properties: any;
 }
 
 interface MetadataProps {
     items: MetadataTable[];
+    uuid: string;
 }
 
-
 export const MetadataTab = withStyles(styles)((props: MetadataProps & WithStyles<CssRules>) =>
     <Table>
         <TableHead>
@@ -40,21 +40,16 @@ export const MetadataTab = withStyles(styles)((props: MetadataProps & WithStyles
             </TableRow>
         </TableHead>
         <TableBody>
-            {props.items.map((it: any, index: number) => {
-                return (
-                    <TableRow key={index}>
-                        {tableCell(it.uuid, props.classes)}
-                        {tableCell(it.linkClass, props.classes)}
-                        {tableCell(it.name, props.classes)}
-                        {tableCell(it.tailUuid, props.classes)}
-                        {tableCell(it.headUuid, props.classes)}
-                        {tableCell(JSON.stringify(it.properties, null, 2), props.classes)}
-                    </TableRow>
-                );
-            })}
+            {props.items.map((it, index) =>
+                <TableRow key={index}>
+                    <TableCell className={props.classes.cell}>{it.uuid}</TableCell>
+                    <TableCell className={props.classes.cell}>{it.linkClass}</TableCell>
+                    <TableCell className={props.classes.cell}>{it.name}</TableCell>
+                    <TableCell className={props.classes.cell}>{it.tailUuid}</TableCell>
+                    <TableCell className={props.classes.cell}>{it.headUuid === props.uuid ? 'this' : it.headUuid}</TableCell>
+                    <TableCell className={props.classes.cell}>{JSON.stringify(it.properties)}</TableCell>
+                </TableRow>
+            )}
         </TableBody>
     </Table>
-);
-
-const tableCell = (value: string, classes: any) =>
-    <TableCell className={classes.cell}>{value}</TableCell>;
\ No newline at end of file
+);
\ No newline at end of file