Merge pull request #265 from dehydr8/depfu/update/npm/eslint-plugin-r…

…eact-7.31.10 Update eslint-plugin-react: 7.31.0 → 7.31.10 (patch)
dehydr8 · Nov 9, 2022 · 909449e · 909449e
2 parents 1d069e2 + 3253282
commit 909449e
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 13 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git 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
@@ -1,8 +1,11 @@
-.Playername {
-
+.player-name {
   min-width: 120%;
   max-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-}
+}
+
+.check-mark {
+  text-align: center;
+}
diff --git a/src/client/components/leaderboard/leaderboard.js b/src/client/components/leaderboard/leaderboard.js
@@ -38,15 +38,17 @@ class Leaderboard extends React.Component {
             {this.props.scores.map((val, idx) => (
               <tr key={idx}>
                 <td>
-                  <div className="Playername">{this.props.names[idx]}</div>
+                  <div className="player-name">{this.props.names[idx]}</div>
                   {parseInt(this.props.playerID) === idx && (
                     <div>
                       <strong>(you)</strong>
                     </div>
                   )}
                 </td>
                 <td>
-                  {hasPassed(idx, this) && <div align="center">&#10003;</div>}
+                  {hasPassed(idx, this) && (
+                    <div className="check-mark">&#10003;</div>
+                  )}
                 </td>
                 <td>
                   <strong>