Update CHANGELOG.md

client/CHANGELOG.md

@@ -19,5 +19,7 @@
 - [ENH] Added a CHANGELOG.md file. (#81)
 - [ENH] Rating algorithms now explain what they are in the UI.
 - [ENH] Massively improved the display of BPI related stuff. (#82)
+- [ENH] Showcase stats on charts now link to the chart in question.
+- [ENH] Ranking info is now clickable to go to the leaderboard.
 
 *****

client/src/app/pages/dashboard/users/UserGamesPage.tsx

@@ -99,6 +99,7 @@ export function GameStatContainer({ ugs, reqUser }: { ugs: UGSWithRankingData }
 					game={ugs.game}
 					playtype={ugs.playtype}
 					rankingData={ugs.__rankingData}
+					userID={ugs.userID}
 				/>
 			</Card>
 		</div>

client/src/components/user/UGPTHeader.tsx

@@ -68,7 +68,12 @@ export function UGPTHeaderBody({
 				<UGPTRatingsTable ugs={stats.gameStats} />
 			</div>
 			<div className="col-12 col-lg-3">
-				<RankingData rankingData={stats.rankingData} game={game} playtype={playtype} />
+				<RankingData
+					rankingData={stats.rankingData}
+					game={game}
+					playtype={playtype}
+					userID={reqUser.id}
+				/>
 			</div>
 		</>
 	);

client/src/components/user/UGPTRankingData.tsx

@@ -8,9 +8,11 @@ import { UppercaseFirst } from "util/misc";
 export default function RankingData({
 	rankingData,
 	game,
+	userID,
 	playtype,
 }: {
 	rankingData: Record<UGSRatingsLookup[IDStrings], { ranking: number; outOf: integer }>;
+	userID: integer;
 } & GamePT) {
 	const alg = useProfileRatingAlg(game, playtype);
 
@@ -37,7 +39,7 @@ export default function RankingData({
 			</div>
 			<div className="col-12">
 				<Link
-					to={`/dashboard/games/${game}/${playtype}/leaderboards`}
+					to={`/dashboard/users/${userID}/games/${game}/${playtype}/leaderboards`}
 					className="gentle-link"
 				>
 					<strong className="display-4">#{rankingData[alg].ranking}</strong>

client/src/components/user/UGPTStatShowcase.tsx

@@ -25,6 +25,7 @@ import { UGPTPreferenceStatsReturn } from "types/api-returns";
 import { GamePT } from "types/react";
 import { Playtype } from "types/tachi";
 import { APIFetchV1 } from "util/api";
+import { CreateChartLink } from "util/data";
 import { ToPercent, UppercaseFirst } from "util/misc";
 import UGPTStatContainer from "./UGPTStatContainer";
 import UGPTStatCreator from "./UGPTStatCreator";
@@ -390,7 +391,9 @@ export function StatDisplay({
 				header={<h5 className="text-muted mb-0">Chart</h5>}
 			>
 				<>
-					<h4>{FormatChart(game, song, chart)}</h4>
+					<Link className="gentle-link" to={CreateChartLink(chart, game)}>
+						<h4>{FormatChart(game, song, chart)}</h4>
+					</Link>
 					<h4>
 						{UppercaseFirst(stat.property)}:{" "}
 						{FormatPropertyGTE(game, playtype, stat.property, result.value)}