diff --git a/frontend/javascripts/dashboard/folders/details_sidebar.tsx b/frontend/javascripts/dashboard/folders/details_sidebar.tsx index dd806566514..8c759dd70b6 100644 --- a/frontend/javascripts/dashboard/folders/details_sidebar.tsx +++ b/frontend/javascripts/dashboard/folders/details_sidebar.tsx @@ -3,7 +3,10 @@ import { Result, Spin, Tag, Tooltip } from "antd"; import { stringToColor } from "libs/format_utils"; import { pluralize } from "libs/utils"; import _ from "lodash"; -import { DatasetExtentRow } from "oxalis/view/right-border-tabs/dataset_info_tab_view"; +import { + DatasetExtentRow, + VoxelSizeRow, +} from "oxalis/view/right-border-tabs/dataset_info_tab_view"; import React, { useEffect } from "react"; import { APIMaybeUnimportedDataset, Folder } from "types/api_flow_types"; import { DatasetLayerTags, DatasetTags, TeamTags } from "../advanced_dataset/dataset_table"; @@ -78,13 +81,14 @@ function DatasetDetails({ selectedDataset }: { selectedDataset: APIMaybeUnimport {selectedDataset.isActive && (
Voxel Size & Extent -
+
+
diff --git a/frontend/javascripts/oxalis/view/right-border-tabs/dataset_info_tab_view.tsx b/frontend/javascripts/oxalis/view/right-border-tabs/dataset_info_tab_view.tsx index c19a15f895e..b70ac0d379c 100644 --- a/frontend/javascripts/oxalis/view/right-border-tabs/dataset_info_tab_view.tsx +++ b/frontend/javascripts/oxalis/view/right-border-tabs/dataset_info_tab_view.tsx @@ -168,6 +168,24 @@ export function DatasetExtentRow({ dataset }: { dataset: APIDataset }) { ); } +export function VoxelSizeRow({ dataset }: { dataset: APIDataset }) { + return ( + + + + Voxel size + + {formatScale(dataset.dataSource.scale)} + + + ); +} + class DatasetInfoTabView extends React.PureComponent { state: State = { showJobsDetailsModal: null, @@ -608,23 +626,7 @@ class DatasetInfoTabView extends React.PureComponent { }} > - - - - Voxel size - - {formatScale(this.props.dataset.dataSource.scale)} - - + {resolutionInfo}