Fascinated/scoresaber-reloadedv3
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Activity

fix player chart mobile support
Some checks failed
Deploy / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Lee 2024-09-30 14:27:23 +01:00
parent 639e7f16ec
commit 93893f0a27
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/player/player-rank-chart.tsx
View File

@ -110,7 +110,7 @@ const generateDataset = (
borderColor, borderColor,
fill: false, fill: false,
lineTension: 0.5, lineTension: 0.5,
spanGaps: false, // Set to false to allow gaps spanGaps: false, // Set to false, so we can allow gaps
yAxisID, yAxisID,
}); });
@ -122,6 +122,7 @@ type DatasetConfig = {
axisConfig: { axisConfig: {
reverse: boolean; reverse: boolean;
display: boolean; display: boolean;
hideOnMobile?: boolean;
displayName: string; displayName: string;
position: AxisPosition; position: AxisPosition;
}; };
@ -165,6 +166,7 @@ const datasetConfig: DatasetConfig[] = [
axisConfig: { axisConfig: {
reverse: false, reverse: false,
display: true, display: true,
hideOnMobile: true,
displayName: "PP", displayName: "PP",
position: "right", position: "right",
}, },
@ -255,7 +257,9 @@ export default function PlayerRankChart({ player }: Props) {
axes[config.axisId] = generateAxis( axes[config.axisId] = generateAxis(
config.axisId, config.axisId,
config.axisConfig.reverse, config.axisConfig.reverse,
isMobile ? false : config.axisConfig.display, isMobile && config.axisConfig.hideOnMobile
? false
: config.axisConfig.display,
config.axisConfig.position, config.axisConfig.position,
config.axisConfig.displayName, config.axisConfig.displayName,
); );