Fix some react errors

osuAkatsuki · Jul 20, 2024 · 2b8b6c8 · 2b8b6c8
1 parent b3321a8
commit 2b8b6c8
Show file tree

Hide file tree

Showing 7 changed files with 37 additions and 37 deletions.
diff --git a/src/components/GlobalUserLeaderboard.tsx b/src/components/GlobalUserLeaderboard.tsx
@@ -270,8 +270,8 @@ export const GlobalUserLeaderboard = ({
   if (loading || !leaderboardData) {
     return (
       <>
-        {Array.from({ length: pageSize }).map(() => (
-          <Skeleton variant="rectangular" height={75}></Skeleton>
+        {Array.from({ length: pageSize }).map((_, index) => (
+          <Skeleton key={index} variant="rectangular" height={75}></Skeleton>
         ))}
       </>
     )
@@ -289,7 +289,7 @@ export const GlobalUserLeaderboard = ({
       />
       <Stack>
         {leaderboardData?.users.map((user: LeaderboardUser) => (
-          <LeaderboardUserCard isMobile={isMobile} user={user} />
+          <LeaderboardUserCard key={user.id} isMobile={isMobile} user={user} />
         ))}
       </Stack>
       <TablePagination

diff --git a/src/components/images/gamemode-icons/CatchGameModeIcon.tsx b/src/components/images/gamemode-icons/CatchGameModeIcon.tsx
@@ -20,8 +20,8 @@ export const CatchGameModeIcon = () => {
         fill="currentColor"
       />
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M7.60891 0.965202C9.12192 0.323473 10.7289 0 12.3827 0C14.0366 0 15.6436 0.323473 17.1566 0.965202C18.6174 1.58084 19.927 2.46257 21.0539 3.58951C22.1756 4.71645 23.0626 6.02599 23.6782 7.48684C24.3199 8.99985 24.6434 10.6068 24.6434 12.2607C24.6434 13.9146 24.3199 15.5215 23.6782 17.0345C23.0626 18.4954 22.1808 19.8049 21.0539 20.9318C19.927 22.0536 18.6174 22.9405 17.1566 23.5561C15.6436 24.1979 14.0366 24.5213 12.3827 24.5213C10.7289 24.5213 9.12192 24.1979 7.60891 23.5561C6.14806 22.9405 4.83852 22.0588 3.71158 20.9318C2.58986 19.8049 1.70291 18.4954 1.08727 17.0345C0.445543 15.5215 0.12207 13.9146 0.12207 12.2607C0.12207 10.6068 0.445543 8.99985 1.08727 7.48684C1.70291 6.02599 2.58464 4.71645 3.71158 3.58951C4.83852 2.46779 6.14806 1.58084 7.60891 0.965202ZM22.5565 12.2607C22.5565 6.64163 18.0018 2.08692 12.3827 2.08692C6.7637 2.08692 2.20899 6.64163 2.20899 12.2607C2.20899 17.8797 6.7637 22.4344 12.3827 22.4344C18.0018 22.4344 22.5565 17.8797 22.5565 12.2607Z"
         fill="currentColor"
       />

diff --git a/src/components/images/gamemode-icons/ManiaGameModeIcon.tsx b/src/components/images/gamemode-icons/ManiaGameModeIcon.tsx
@@ -20,8 +20,8 @@ export const ManiaGameModeIcon = () => {
         fill="currentColor"
       />
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M7.66994 0.965202C9.18296 0.323473 10.7899 0 12.4438 0C14.0977 0 15.7046 0.323473 17.2176 0.965202C18.6785 1.58084 19.988 2.46257 21.1149 3.58951C22.2367 4.71645 23.1236 6.02599 23.7392 7.48684C24.381 8.99985 24.7044 10.6068 24.7044 12.2607C24.7044 13.9146 24.381 15.5215 23.7392 17.0345C23.1236 18.4954 22.2419 19.8049 21.1149 20.9318C19.988 22.0536 18.6785 22.9405 17.2176 23.5561C15.7046 24.1979 14.0977 24.5213 12.4438 24.5213C10.7899 24.5213 9.18296 24.1979 7.66994 23.5561C6.2091 22.9405 4.89955 22.0588 3.77261 20.9318C2.65089 19.8049 1.76395 18.4954 1.14831 17.0345C0.506578 15.5215 0.183105 13.9146 0.183105 12.2607C0.183105 10.6068 0.506578 8.99985 1.14831 7.48684C1.76395 6.02599 2.64567 4.71645 3.77261 3.58951C4.89955 2.46779 6.2091 1.58084 7.66994 0.965202ZM22.6175 12.2607C22.6175 6.64163 18.0628 2.08692 12.4438 2.08692C6.82474 2.08692 2.27003 6.64163 2.27003 12.2607C2.27003 17.8797 6.82474 22.4344 12.4438 22.4344C18.0628 22.4344 22.6175 17.8797 22.6175 12.2607Z"
         fill="currentColor"
       />

diff --git a/src/components/images/gamemode-icons/StandardGameModeIcon.tsx b/src/components/images/gamemode-icons/StandardGameModeIcon.tsx
@@ -12,8 +12,8 @@ export const StandardGameModeIcon = () => {
         fill="currentColor"
       />
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M7.48684 0.965202C8.99985 0.323473 10.6068 0 12.2607 0C13.9146 0 15.5215 0.323473 17.0345 0.965202C18.4954 1.58084 19.8049 2.46257 20.9318 3.58951C22.0536 4.71645 22.9405 6.02599 23.5561 7.48684C24.1979 8.99985 24.5213 10.6068 24.5213 12.2607C24.5213 13.9146 24.1979 15.5215 23.5561 17.0345C22.9405 18.4954 22.0588 19.8049 20.9318 20.9318C19.8049 22.0536 18.4954 22.9405 17.0345 23.5561C15.5215 24.1979 13.9146 24.5213 12.2607 24.5213C10.6068 24.5213 8.99985 24.1979 7.48684 23.5561C6.02599 22.9405 4.71645 22.0588 3.58951 20.9318C2.46779 19.8049 1.58084 18.4954 0.965202 17.0345C0.323473 15.5215 0 13.9146 0 12.2607C0 10.6068 0.323473 8.99985 0.965202 7.48684C1.58084 6.02599 2.46257 4.71645 3.58951 3.58951C4.71645 2.46779 6.02599 1.58084 7.48684 0.965202ZM22.4344 12.2607C22.4344 6.64163 17.8797 2.08692 12.2607 2.08692C6.64163 2.08692 2.08692 6.64163 2.08692 12.2607C2.08692 17.8797 6.64163 22.4344 12.2607 22.4344C17.8797 22.4344 22.4344 17.8797 22.4344 12.2607Z"
         fill="currentColor"
       />

diff --git a/src/components/images/gamemode-icons/TaikoGameModeIcon.tsx b/src/components/images/gamemode-icons/TaikoGameModeIcon.tsx
@@ -8,14 +8,14 @@ export const TaikoGameModeIcon = () => {
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M4.49592 12.2607C4.49592 7.94079 8.00195 4.43476 12.3219 4.43476C16.6418 4.43476 20.1478 7.94079 20.1478 12.2607C20.1478 16.5806 16.6418 20.0867 12.3219 20.0867C8.00195 20.0867 4.49592 16.5806 4.49592 12.2607ZM11.0175 7.21035C8.76889 7.78947 7.10457 9.83465 7.10457 12.2607C7.10457 14.6867 8.76889 16.7319 11.0176 17.3163L11.0175 7.21035ZM13.6262 7.21035L13.6262 17.3111C15.8749 16.7319 17.5392 14.6868 17.5392 12.2607C17.5392 9.83467 15.8749 7.78947 13.6262 7.21035Z"
         fill="currentColor"
       />
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M7.54787 0.965202C9.06089 0.323473 10.6678 0 12.3217 0C13.9756 0 15.5825 0.323473 17.0955 0.965202C18.5564 1.58084 19.8659 2.46257 20.9929 3.58951C22.1146 4.71645 23.0015 6.02599 23.6172 7.48684C24.2589 8.99985 24.5824 10.6068 24.5824 12.2607C24.5824 13.9146 24.2589 15.5215 23.6172 17.0345C23.0015 18.4954 22.1198 19.8049 20.9929 20.9318C19.8659 22.0536 18.5564 22.9405 17.0955 23.5561C15.5825 24.1979 13.9756 24.5213 12.3217 24.5213C10.6678 24.5213 9.06089 24.1979 7.54787 23.5561C6.08702 22.9405 4.77748 22.0588 3.65054 20.9318C2.52882 19.8049 1.64188 18.4954 1.02624 17.0345C0.384508 15.5215 0.0610352 13.9146 0.0610352 12.2607C0.0610352 10.6068 0.384508 8.99985 1.02624 7.48684C1.64188 6.02599 2.5236 4.71645 3.65054 3.58951C4.77748 2.46779 6.08702 1.58084 7.54787 0.965202ZM22.4955 12.2607C22.4955 6.64163 17.9407 2.08692 12.3217 2.08692C6.70267 2.08692 2.14796 6.64163 2.14796 12.2607C2.14796 17.8797 6.70267 22.4344 12.3217 22.4344C17.9407 22.4344 22.4955 17.8797 22.4955 12.2607Z"
         fill="currentColor"
       />

diff --git a/src/components/images/icons/LeaderboardIcon.tsx b/src/components/images/icons/LeaderboardIcon.tsx
@@ -1,41 +1,41 @@
 export const LeaderboardIcon = () => {
   return (
     <svg width="100%" height="100%" viewBox="0 0 70 71" fill="none">
-      <g clip-path="url(#clip0_120_488)">
+      <g clipPath="url(#clip0_120_488)">
         <path
           d="M8.65356 57.134V29.0098C8.65356 28.4361 8.88149 27.8858 9.28721 27.4801C9.69293 27.0744 10.2432 26.8464 10.817 26.8464H23.7974"
           stroke="white"
-          stroke-width="2.13012"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+          strokeWidth="2.13012"
+          strokeLinecap="round"
+          strokeLinejoin="round"
         />
         <path
           d="M23.7974 57.1339V16.0294C23.7974 15.4556 24.0253 14.9053 24.431 14.4996C24.8367 14.0939 25.387 13.866 25.9608 13.866H43.2679C43.8417 13.866 44.392 14.0939 44.7977 14.4996C45.2034 14.9053 45.4313 15.4556 45.4313 16.0294V57.1339"
           stroke="white"
-          stroke-width="2.13012"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+          strokeWidth="2.13012"
+          strokeLinecap="round"
+          strokeLinejoin="round"
         />
         <path
           d="M60.5752 57.134V39.8269C60.5752 39.2531 60.3473 38.7028 59.9415 38.2971C59.5358 37.8914 58.9856 37.6635 58.4118 37.6635H45.4314"
           stroke="white"
-          stroke-width="2.13012"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+          strokeWidth="2.13012"
+          strokeLinecap="round"
+          strokeLinejoin="round"
         />
         <path
           d="M32.4509 27.9281L35.696 26.8464V37.6634"
           stroke="white"
-          stroke-width="2.13012"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+          strokeWidth="2.13012"
+          strokeLinecap="round"
+          strokeLinejoin="round"
         />
         <path
           d="M4.3269 57.134H64.9021"
           stroke="white"
-          stroke-width="2.13012"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+          strokeWidth="2.13012"
+          strokeLinecap="round"
+          strokeLinejoin="round"
         />
       </g>
       <defs>

diff --git a/src/components/images/logos/AkatsukiLogo.tsx b/src/components/images/logos/AkatsukiLogo.tsx
@@ -51,26 +51,26 @@ export const AkatsukiLogo = () => {
       </mask>
       <g mask="url(#mask0_1_130)">
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
+          fillRule="evenodd"
+          clipRule="evenodd"
           d="M1067.37 -323.147C1189.81 -295.206 1274.85 -208.621 1378.69 -138.243C1528.21 -36.9095 1792.91 -8.27292 1797.61 171.766C1802.28 350.804 1531.71 381.596 1395.3 498.322C1278.57 598.212 1217.8 764.223 1067.37 796.635C890.362 834.773 666.44 823.348 558.342 678.654C452.698 537.243 598.33 348.003 600.547 171.766C602.704 0.172516 452.95 -197.5 570.934 -322.583C688.708 -447.444 899.691 -361.414 1067.37 -323.147Z"
           fill="#0E53C5"
         />
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
+          fillRule="evenodd"
+          clipRule="evenodd"
           d="M647.549 -168.68C757.515 -134.682 845.314 -75.4156 937.935 -6.73981C1058.96 82.9971 1219.97 139.773 1260.18 285.568C1308.66 461.364 1290.1 674.363 1161.12 802.543C1032.5 930.375 828.301 893.584 647.549 894.41C465.473 895.243 265.602 928.77 129.286 807.263C-11.8005 681.504 -30.275 475.192 -35.4998 285.568C-40.9211 88.8161 -63.4287 -157.396 99.716 -265.892C260.55 -372.851 463.281 -225.65 647.549 -168.68Z"
           fill="#2C97FB"
         />
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
+          fillRule="evenodd"
+          clipRule="evenodd"
           d="M345.112 -815.972C517.998 -803.846 634.229 -637.487 724.343 -489.071C793.265 -375.556 770.387 -241.703 774.438 -108.874C778.716 31.4131 843.08 192.045 748.265 295.307C652.493 399.611 486.499 361.226 345.112 358.7C207.686 356.245 48.1131 383.498 -43.9227 281.153C-134.486 180.446 -67.6318 26.4982 -75.3621 -108.874C-84.0087 -260.293 -168.638 -415.997 -91.1717 -546.27C-0.221832 -699.217 167.934 -828.399 345.112 -815.972Z"
           fill="#A517F7"
         />
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
+          fillRule="evenodd"
+          clipRule="evenodd"
           d="M-350.246 -472.37C-227.81 -444.429 -142.768 -357.844 -38.9272 -287.466C110.589 -186.133 375.292 -157.496 379.991 22.5432C384.665 201.58 114.097 232.373 -22.3113 349.099C-139.046 448.989 -199.813 615 -350.246 647.412C-527.254 685.55 -751.176 674.125 -859.274 529.431C-964.919 388.02 -819.286 198.78 -817.07 22.5432C-814.912 -149.051 -964.666 -346.723 -846.683 -471.806C-728.908 -596.667 -517.925 -510.637 -350.246 -472.37Z"
           fill="#EF43FE"
         />