Show status of dataset on tile.

Author: lmarini

frontend/src/components/Explore.tsx

@@ -109,8 +109,10 @@ export const Explore = (): JSX.Element => {
 												created={dataset.created}
 												description={dataset.description}
 												thumbnailId={dataset.thumbnail_id}
+												publicView={true}
 												frozen={dataset.frozen}
 												frozenVersionNum={dataset.frozen_version_num}
+												status={dataset.status}
 											/>
 										</Grid>
 									);

frontend/src/components/Public.tsx

@@ -96,6 +96,7 @@ export const Public = (): JSX.Element => {
 												publicView={true}
 												frozen={dataset.frozen}
 												frozenVersionNum={dataset.frozen_version_num}
+												status={dataset.status}
 											/>
 										</Grid>
 									);

frontend/src/components/datasets/DatasetCard.tsx

@@ -24,8 +24,9 @@ type DatasetCardProps = {
 	description?: string;
 	thumbnailId?: string;
 	publicView?: boolean | false;
-	frozen?: string;
+	frozen?: boolean;
 	frozenVersionNum?: number;
+	status?: string;
 };
 
 export default function DatasetCard(props: DatasetCardProps) {
@@ -39,6 +40,7 @@ export default function DatasetCard(props: DatasetCardProps) {
 		publicView,
 		frozen,
 		frozenVersionNum,
+		status,
 	} = props;
 
 	const [thumbnailUrl, setThumbnailUrl] = useState("");
@@ -130,6 +132,7 @@ export default function DatasetCard(props: DatasetCardProps) {
 						<Download />
 					</IconButton>
 				</Tooltip>
+				<Typography>{status}</Typography>
 				{/*<Tooltip title="Favorite">*/}
 				{/*	<IconButton color="primary" aria-label="favorite"  sx={{mr: 3}} disabled>*/}
 				{/*		<Favorite/>*/}

frontend/src/components/datasets/PublicDatasetCard.tsx

@@ -27,11 +27,20 @@ type PublicDatasetCardProps = {
 	publicView?: boolean | false;
 	frozen?: boolean | false;
 	frozenVersionNum?: number;
+	status?: string;
 };
 
 export default function PublicDatasetCard(props: PublicDatasetCardProps) {
-	const { id, name, author, created, description, thumbnailId, publicView } =
-		props;
+	const {
+		id,
+		name,
+		author,
+		created,
+		description,
+		thumbnailId,
+		publicView,
+		status,
+	} = props;
 
 	const [thumbnailUrl, setThumbnailUrl] = useState("");
 
@@ -122,6 +131,7 @@ export default function PublicDatasetCard(props: PublicDatasetCardProps) {
 						<Download />
 					</IconButton>
 				</Tooltip>
+				<Typography>{status}</Typography>
 				{/*<Tooltip title="Favorite">*/}
 				{/*	<IconButton color="primary" aria-label="favorite"  sx={{mr: 3}} disabled>*/}
 				{/*		<Favorite/>*/}