X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/370cbb26d669ecc3e03bc1e38dfc35bfaf4bf6ac..a855a03082f2d521ed64ef1405ed186655659f26:/src/views/collection-panel/collection-panel.tsx?ds=sidebyside diff --git a/src/views/collection-panel/collection-panel.tsx b/src/views/collection-panel/collection-panel.tsx index 4e3d5acd..b92557f9 100644 --- a/src/views/collection-panel/collection-panel.tsx +++ b/src/views/collection-panel/collection-panel.tsx @@ -21,8 +21,6 @@ import { getResource } from '~/store/resources/resources'; import { openContextMenu } from '~/store/context-menu/context-menu-actions'; import { ContextMenuKind } from '~/views-components/context-menu/context-menu'; import { formatFileSize } from "~/common/formatters"; -import { getResourceData } from "~/store/resources-data/resources-data"; -import { ResourceData } from "~/store/resources-data/resources-data-reducer"; import { openDetailsPanel } from '~/store/details-panel/details-panel-action'; import { snackbarActions, SnackbarKind } from '~/store/snackbar/snackbar-actions'; import { PropertyChipComponent } from '~/views-components/resource-properties-form/property-chip'; @@ -60,22 +58,20 @@ const styles: StyleRulesCallback = (theme: ArvadosTheme) => ({ interface CollectionPanelDataProps { item: CollectionResource; - data: ResourceData; } type CollectionPanelProps = CollectionPanelDataProps & DispatchProp & WithStyles & RouteComponentProps<{ id: string }>; export const CollectionPanel = withStyles(styles)( - connect((state: RootState, props: RouteComponentProps<{ id: string }>) => { - const item = getResource(props.match.params.id)(state.resources); - const data = getResourceData(props.match.params.id)(state.resourcesData); - return { item, data }; - })( + connect((state: RootState, props: RouteComponentProps<{ id: string }>) => { + const item = getResource(props.match.params.id)(state.resources); + return { item }; + })( class extends React.Component { render() { - const { classes, item, data, dispatch } = this.props; + const { classes, item, dispatch } = this.props; return item ? <> @@ -108,9 +104,9 @@ export const CollectionPanel = withStyles(styles)( label='Portable data hash' linkToUuid={item && item.portableDataHash} /> + label='Number of files' value={item && item.fileCount} /> + label='Content size' value={item && formatFileSize(item.fileSizeTotal)} /> {(item.properties.container_request || item.properties.containerRequest) &&