//
// 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';
-import { navigateTo } from "~/store/navigation/navigation-action";
+import { UserResource } from "models/user";
type CssRules = 'cell';
interface MetadataProps {
items: MetadataTable[];
+ user: UserResource;
+ uuid: string;
}
export const MetadataTab = withStyles(styles)((props: MetadataProps & WithStyles<CssRules>) =>
</TableRow>
</TableHead>
<TableBody>
- {props.items.map((it: MetadataTable, index: number) => {
- return (
- <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}</TableCell>
- <TableCell className={props.classes.cell}>{JSON.stringify(it.properties, null, 2)}</TableCell>
- </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.properties.tail}</TableCell>
+ <TableCell className={props.classes.cell}>{it.headUuid === props.uuid ? 'this' : it.headUuid}</TableCell>
+ <TableCell className={props.classes.cell}>{JSON.stringify(it.properties, (key, value) => { return key === 'tail' ? undefined : value; })}</TableCell>
+ </TableRow>
+ )}
</TableBody>
</Table>
);
\ No newline at end of file