-const renderDate = (date: string) => {
- return (
- <Typography noWrap>
- {formatDate(date)}
- </Typography>
- );
-};
-
-const renderFileSize = (fileSize?: number) => {
- return (
- <Typography noWrap>
- {typeof fileSize === "number" ? formatFileSize(fileSize) : "-"}
- </Typography>
- );
-};
-
-const renderOwner = (owner: string) => {
- return (
- <Typography noWrap color="primary">
- {owner}
- </Typography>
- );
-};
-
-const renderType = (type: string) => {
- return (
- <Typography noWrap>
- {type}
- </Typography>
- );
-};
-
-const renderStatus = (status?: string) => {
- return (
- <Typography noWrap align="center">
- {status || "-"}
- </Typography>
- );
-};
-
-const renderItemActions = () => {
- return (
- <Grid container justify="flex-end">
- <Popover triggerComponent={ItemActionsTrigger}>
- <List dense>
- {[
- {
- icon: "fas fa-users",
- label: "Share"
- },
- {
- icon: "fas fa-sign-out-alt",
- label: "Move to"
- },
- {
- icon: "fas fa-star",
- label: "Add to favourite"
- },
- {
- icon: "fas fa-edit",
- label: "Rename"
- },
- {
- icon: "fas fa-copy",
- label: "Make a copy"
- },
- {
- icon: "fas fa-download",
- label: "Download"
- }].map(renderAction)
- }
- < Divider />
- {
- renderAction({ icon: "fas fa-trash-alt", label: "Remove" })
- }
- </List>
- </Popover>
- </Grid>
- );
-};
-
-const renderAction = (action: { label: string, icon: string }, index?: number) => (
- <ListItem button key={index}>
- <ListItemIcon>
- <i className={action.icon} />
- </ListItemIcon>
- <ListItemText>
- {action.label}
- </ListItemText>
- </ListItem>
-);
-
-const ItemActionsTrigger: React.SFC<IconButtonProps> = (props) => (
- <IconButton {...props}>
- <MoreVertIcon />
- </IconButton>
-);
+const renderDate = (date: string) =>
+ <Typography noWrap>
+ {formatDate(date)}
+ </Typography>;
+
+const renderFileSize = (fileSize?: number) =>
+ <Typography noWrap>
+ {formatFileSize(fileSize)}
+ </Typography>;
+
+const renderOwner = (owner: string) =>
+ <Typography noWrap color="primary">
+ {owner}
+ </Typography>;
+
+const renderType = (type: string) =>
+ <Typography noWrap>
+ {type}
+ </Typography>;
+
+const renderStatus = (status?: string) =>
+ <Typography noWrap align="center">
+ {status || "-"}
+ </Typography>;