Merge branch 'dashboard-release' of https://github.com/blockydevs/human-protocol into dashboard-release

Author: KacperKoza343

packages/apps/dashboard/ui-2024/src/components/Breadcrumbs/Breadcrumbs.tsx

@@ -1,16 +1,23 @@
 import { FC } from 'react';
-import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+import { useNavigate } from 'react-router-dom';
 
 const Breadcrumbs: FC<{ title?: string }> = ({ title }) => {
+	const navigate = useNavigate();
 	return (
 		<div className="breadcrumbs">
-			<Link href="/" underline="none">
-				<Typography component="span" fontSize={16} color="text.secondary">
-					Dashboard
-				</Typography>
-			</Link>
+			<Typography
+				onClick={() => {
+					navigate('/');
+				}}
+				component="span"
+				fontSize={16}
+				sx={{ textDecoration: 'unset', cursor: 'pointer' }}
+				color="text.secondary"
+			>
+				Dashboard
+			</Typography>
 			<KeyboardArrowRightIcon color="primary" />
 			<Typography component="span" fontSize={16} color="primary">
 				{title}

packages/apps/dashboard/ui-2024/src/pages/SearchResults/RoleDetails/RoleDetails.tsx

@@ -73,6 +73,10 @@ const RenderRoleDetailsInfo = ({
 				'It validates solutions, provides job updates, and handles cancellations, streamlining the job lifecycle.',
 			],
 		},
+		[Roles.jobLauncher]: {
+			title: 'Job Launcher',
+			points: [],
+		},
 	};
 
 	const details = roleDetailsInfo[role];
@@ -89,29 +93,29 @@ const renderReputationTitle = (reputation: Reputation) => {
 		Reputation,
 		{ title: string; colors: { title: string; border: string } }
 	> = {
-		HIGH: {
+		High: {
 			title: 'High',
 			colors: {
 				title: colorPalette.success.main,
 				border: colorPalette.success.light,
 			},
 		},
-		MEDIUM: {
+		Medium: {
 			title: 'Medium',
 			colors: {
 				title: colorPalette.warning.main,
 				border: colorPalette.warning.light,
 			},
 		},
 
-		LOW: {
+		Low: {
 			title: 'Low',
 			colors: {
 				title: colorPalette.orange.main,
 				border: colorPalette.orange.light,
 			},
 		},
-		UNKNOWN: {
+		Unknown: {
 			title: 'Coming soon',
 			colors: {
 				title: colorPalette.ocean.main,

packages/apps/dashboard/ui-2024/src/pages/SearchResults/RoleDetails/RoleDetailsEscrows/tableComponents/EscrowsTableBody.tsx

@@ -74,17 +74,26 @@ export const EscrowsTableBody = ({
 						}}
 					>
 						<Stack
-							component="a"
 							sx={{
 								':hover': {
 									cursor: 'pointer',
 								},
 							}}
-							onClick={() => {
+							onClick={(e) => {
+								e.stopPropagation();
+								e.preventDefault();
 								navigate(`/search/${filterParams.chainId}/${elem.address}`);
 							}}
 						>
-							{elem.address}
+							<a
+								target="_blank"
+								href={`/search/${filterParams.chainId}/${elem.address}`}
+								style={{
+									textDecoration: 'unset',
+								}}
+							>
+								{elem.address}
+							</a>
 						</Stack>
 					</TableCell>
 				</TableRowWithCustomContextMenu>

packages/apps/dashboard/ui-2024/src/services/api/use-leaderboard-details.tsx

@@ -8,12 +8,12 @@ import { useLeaderboardSearch } from '@utils/hooks/use-leaderboard-search';
 export const reputationSchema = z.unknown().transform((value) => {
 	try {
 		const knownReputation = z
-			.union([z.literal('LOW'), z.literal('MEDIUM'), z.literal('HIGH')])
+			.union([z.literal('Low'), z.literal('Medium'), z.literal('High')])
 			.parse(value);
 
 		return knownReputation;
 	} catch (error) {
-		return 'UNKNOWN';
+		return 'Unknown';
 	}
 });