fix(app/home-page/leaderboard): fix dto

blockydevs · Aug 22, 2024 · 50bf919 · 50bf919
1 parent c2d6854
commit 50bf919
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 7 deletions.
diff --git a/packages/apps/dashboard/ui-2024/src/components/Home/Leaderboard/components/Table/Table.tsx b/packages/apps/dashboard/ui-2024/src/components/Home/Leaderboard/components/Table/Table.tsx
@@ -150,12 +150,10 @@ export const Table = ({
 											zIndex: 2,
 											backgroundColor: colorPalette.whiteBackground,
 											'&::after': {
-												content: '""',
-												position: 'absolute',
-												bottom: '0',
-												right: '0',
-												height: index === 0 ? '85%' : '100%',
-												width: '1px',
+												...getAfterElementProperties(
+													index === 0,
+													visibleRows.length === index + 1
+												),
 												backgroundColor: `${colorPalette.skyOpacity}`,
 											},
 										},
@@ -208,3 +206,39 @@ export const Table = ({
 		</MuiTable>
 	);
 };
+
+function getAfterElementProperties(
+	isFirstElement: boolean,
+	isLastElement: boolean
+) {
+	if (isFirstElement) {
+		return {
+			content: '""',
+			position: 'absolute',
+			bottom: '0',
+			right: '0',
+			height: '85%',
+			width: '1px',
+		};
+	}
+
+	if (isLastElement) {
+		return {
+			content: '""',
+			position: 'absolute',
+			top: '0',
+			right: '0',
+			height: '85%',
+			width: '1px',
+		};
+	}
+
+	return {
+		content: '""',
+		position: 'absolute',
+		bottom: '0',
+		right: '0',
+		height: '100%',
+		width: '1px',
+	};
+}
diff --git a/packages/apps/dashboard/ui-2024/src/services/api/use-leaderboard-details.tsx b/packages/apps/dashboard/ui-2024/src/services/api/use-leaderboard-details.tsx
@@ -41,7 +41,7 @@ export function useLeaderboardDetails() {
 	return useQuery({
 		queryFn: async () => {
 			const { data } = await httpService.get(apiPaths.leaderboardDetails.path, {
-				params: { chainId },
+				params: { chainId: chainId === -1 ? undefined : chainId },
 			});
 
 			const validResponse = validateResponse(