Fixed bug where logged in user could not see

authenticated dataset.
Added chip to dataset tile showing access status.

Author: lmarini

frontend/src/components/Explore.tsx

@@ -109,7 +109,7 @@ export const Explore = (): JSX.Element => {
 												created={dataset.created}
 												description={dataset.description}
 												thumbnailId={dataset.thumbnail_id}
-												publicView={true}
+												publicView={false}
 												frozen={dataset.frozen}
 												frozenVersionNum={dataset.frozen_version_num}
 												status={dataset.status}

frontend/src/components/datasets/DatasetCard.tsx

@@ -15,6 +15,7 @@ import {
 import { Download } from "@mui/icons-material";
 import { generateThumbnailUrl } from "../../utils/visualization";
 import config from "../../app.config";
+import Chip from "@mui/material/Chip";
 
 type DatasetCardProps = {
 	id?: string;
@@ -132,17 +133,42 @@ 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/>*/}
-				{/*	</IconButton>*/}
-				{/*</Tooltip>*/}
-				{/*<Tooltip title="Share">*/}
-				{/*	<IconButton color="primary" aria-label="share"  sx={{mr: 3}} disabled>*/}
-				{/*		<Share/>*/}
-				{/*	</IconButton>*/}
-				{/*</Tooltip>*/}
+				{(() => {
+					switch (status) {
+						case "PUBLIC":
+							return (
+								<Tooltip title="Anyone on the internet can access this dataset">
+									<Chip
+										label={status?.toLowerCase()}
+										color="primary"
+										size="small"
+									/>
+								</Tooltip>
+							);
+						case "AUTHENTICATED":
+							return (
+								<Tooltip title="Only users who have logged in can access this dataset">
+									<Chip
+										label={status?.toLowerCase()}
+										color="primary"
+										size="small"
+									/>
+								</Tooltip>
+							);
+						case "PRIVATE":
+							return (
+								<Tooltip title="Only users given specific permissions can access this dataset">
+									<Chip
+										label={status?.toLowerCase()}
+										color="primary"
+										size="small"
+									/>
+								</Tooltip>
+							);
+						default:
+							return null;
+					}
+				})()}
 			</CardActions>
 		</Card>
 	);

frontend/src/components/datasets/PublicDatasetCard.tsx

@@ -16,6 +16,8 @@ import { Download } from "@mui/icons-material";
 import { generateThumbnailUrl } from "../../utils/visualization";
 import config from "../../app.config";
 // import {Favorite, Share} from "@material-ui/icons";
+import PublicIcon from "@mui/icons-material/Public";
+import Chip from "@mui/material/Chip";
 
 type PublicDatasetCardProps = {
 	id?: string;
@@ -120,28 +122,16 @@ export default function PublicDatasetCard(props: PublicDatasetCardProps) {
 					</CardContent>
 				</CardActionArea>
 			)}
-			<CardActions sx={{ pb: 0, justifyContent: "space-between" }}>
+			<CardActions sx={{ pb: 0, pr: 0 }}>
 				<Tooltip title="Download">
 					<IconButton
 						href={`${config.hostname}/api/v2/public_datasets/${id}/download`}
 						color="primary"
 						aria-label="download"
-						sx={{ mr: 3 }}
 					>
 						<Download />
 					</IconButton>
 				</Tooltip>
-				<Typography>{status}</Typography>
-				{/*<Tooltip title="Favorite">*/}
-				{/*	<IconButton color="primary" aria-label="favorite"  sx={{mr: 3}} disabled>*/}
-				{/*		<Favorite/>*/}
-				{/*	</IconButton>*/}
-				{/*</Tooltip>*/}
-				{/*<Tooltip title="Share">*/}
-				{/*	<IconButton color="primary" aria-label="share"  sx={{mr: 3}} disabled>*/}
-				{/*		<Share/>*/}
-				{/*	</IconButton>*/}
-				{/*</Tooltip>*/}
 			</CardActions>
 		</Card>
 	);