- { header: "Name", selected: true, render: item => <Typography noWrap>{renderIcon(item.kind)} {item.name}</Typography> },
- { header: "Created at", selected: true, render: item => <Typography noWrap>{formatDate(item.createdAt)}</Typography> },
- { header: "Modified at", selected: true, render: item => <Typography noWrap>{formatDate(item.modifiedAt)}</Typography> },
- { header: "UUID", selected: true, render: item => <Typography noWrap>{item.uuid}</Typography> },
- { header: "Owner UUID", selected: true, render: item => <Typography noWrap>{item.ownerUuid}</Typography> },
- { header: "URL", selected: true, render: item => <Typography noWrap>{item.href}</Typography> }
+ {
+ header: "Name",
+ selected: true,
+ render: item => (
+ <Grid container onClick={() => this.props.onItemClick(item)}>
+ {renderIcon(item)}
+ <Typography style={{ marginLeft: 8 }}>
+ {item.name}
+ </Typography>
+ </Grid>
+ )
+ },
+ {
+ header: "Status",
+ selected: true,
+ render: item => (
+ <Typography noWrap align="center">
+ {item.status || "-"}
+ </Typography>
+ )
+ },
+ {
+ header: "Type",
+ selected: true,
+ render: item => (
+ <Typography noWrap>
+ {item.type}
+ </Typography>
+ )
+ },
+ {
+ header: "Owner",
+ selected: true,
+ render: item => (
+ <Typography noWrap>
+ {item.owner}
+ </Typography>
+ )
+ },
+ {
+ header: "File size",
+ selected: true,
+ render: ({ fileSize }) => (
+ <Typography noWrap>
+ {typeof fileSize === "number" ? formatFileSize(fileSize) : "-"}
+ </Typography>
+ )
+ },
+ {
+ header: "Last modified",
+ selected: true,
+ render: item => (
+ <Typography noWrap>
+ {formatDate(item.lastModified)}
+ </Typography>
+ )
+ },
+ {
+ header: "Actions",
+ selected: true,
+ render: item => (
+ <Popover triggerComponent={ItemActionsTrigger}>
+ <List>
+ <ListItem>Share</ListItem>
+ <Divider />
+ <ListItem>Remove</ListItem>
+ </List>
+ </Popover>
+ )
+ }