diff --git a/package-lock.json b/package-lock.json index 2e24b86c..6b53b703 100644 --- a/package-lock.json +++ b/package-lock.json @@ -58,7 +58,7 @@ "eslint": "^7.32.0", "eslint-config-prettier": "^8.5.0", "eslint-plugin-prettier": "^4.2.1", - "eslint-plugin-react": "^7.31.0", + "eslint-plugin-react": "^7.31.10", "npm-run-all": "^4.1.5", "prettier": "^2.7.1", "seedrandom": "^3.0.5", @@ -9595,9 +9595,9 @@ } }, "node_modules/eslint-plugin-react": { - "version": "7.31.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.31.0.tgz", - "integrity": "sha512-BWriBttYYCnfb4RO9SB91Og8uA9CPcBMl5UlCOCtuYW1UjhN3QypzEcEHky4ZIRZDKjbO2Blh9BjP8E7W/b1SA==", + "version": "7.31.10", + "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.31.10.tgz", + "integrity": "sha512-e4N/nc6AAlg4UKW/mXeYWd3R++qUano5/o+t+wnWxIf+bLsOaH3a4q74kX3nDjYym3VBN4HyO9nEn1GcAqgQOA==", "dependencies": { "array-includes": "^3.1.5", "array.prototype.flatmap": "^1.3.0", @@ -31960,9 +31960,9 @@ } }, "eslint-plugin-react": { - "version": "7.31.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.31.0.tgz", - "integrity": "sha512-BWriBttYYCnfb4RO9SB91Og8uA9CPcBMl5UlCOCtuYW1UjhN3QypzEcEHky4ZIRZDKjbO2Blh9BjP8E7W/b1SA==", + "version": "7.31.10", + "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.31.10.tgz", + "integrity": "sha512-e4N/nc6AAlg4UKW/mXeYWd3R++qUano5/o+t+wnWxIf+bLsOaH3a4q74kX3nDjYym3VBN4HyO9nEn1GcAqgQOA==", "requires": { "array-includes": "^3.1.5", "array.prototype.flatmap": "^1.3.0", diff --git a/package.json b/package.json index 2bcbea55..27bce737 100644 --- a/package.json +++ b/package.json @@ -83,7 +83,7 @@ "eslint": "^7.32.0", "eslint-config-prettier": "^8.5.0", "eslint-plugin-prettier": "^4.2.1", - "eslint-plugin-react": "^7.31.0", + "eslint-plugin-react": "^7.31.10", "npm-run-all": "^4.1.5", "prettier": "^2.7.1", "seedrandom": "^3.0.5", diff --git a/src/client/components/leaderboard/leaderboard.css b/src/client/components/leaderboard/leaderboard.css index 35c0e886..6141cbb4 100644 --- a/src/client/components/leaderboard/leaderboard.css +++ b/src/client/components/leaderboard/leaderboard.css @@ -1,8 +1,11 @@ -.Playername { - +.player-name { min-width: 120%; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -} \ No newline at end of file +} + +.check-mark { + text-align: center; +} diff --git a/src/client/components/leaderboard/leaderboard.js b/src/client/components/leaderboard/leaderboard.js index 40e9ab7e..7abfef9c 100644 --- a/src/client/components/leaderboard/leaderboard.js +++ b/src/client/components/leaderboard/leaderboard.js @@ -38,7 +38,7 @@ class Leaderboard extends React.Component { {this.props.scores.map((val, idx) => ( -
{this.props.names[idx]}
+
{this.props.names[idx]}
{parseInt(this.props.playerID) === idx && (
(you) @@ -46,7 +46,9 @@ class Leaderboard extends React.Component { )} - {hasPassed(idx, this) &&
} + {hasPassed(idx, this) && ( +
+ )}