fix(client): firefox 102 not polyfied

client/src/hooks/usePlayer.tsx

@@ -3,6 +3,7 @@ import { useAuth } from './useAuthentication'
 import { useGame } from './useGame'
 import { useSocket } from './useSocket'
 import { Message } from 'models/Message'
+import { findByLastIndex } from 'services/polyfill'
 
 export type PlayerContext = {
   myScore: number
@@ -58,9 +59,8 @@ function useProvidePlayer (): PlayerContext {
     .filter(cs => !!cs.achievements.find(a => a.username === user.username))
     .reduce((agg, a) => agg + a.score, 0)
 
-  // @ts-ignore
-  const lastScorerIndex = teamsScore.findLastIndex(
-    // @ts-ignore
+  const lastScorerIndex = findByLastIndex(
+    teamsScore,
     s => s.score > 0 && s.rank > 3,
   )
   const beforeLastScorer =

client/src/pages/ScoreBoard/components/TeamsScoreBoard.tsx

@@ -14,6 +14,7 @@ import {
 } from 'framer-motion'
 import { ChallengeScore, TeamScore } from 'models/GameScore'
 import { useMemo, useState } from 'react'
+import { findByLastIndex } from 'services/polyfill'
 import { cleanStyledSystemOnly } from 'styles'
 
 export type TeamsScoreBoardProps = {
@@ -26,9 +27,9 @@ export function TeamsScoreBoard ({
 }: TeamsScoreBoardProps) {
   const y = useMotionValue(0)
   const dragControls = useDragControls()
-  // @ts-ignore
-  const lastScorerIndex = teamsScore.findLastIndex(
-    // @ts-ignore
+
+  const lastScorerIndex = findByLastIndex(
+    teamsScore,
     s => s.score > 0 && s.rank > 3,
   )
   const beforeLastScorer =

client/src/services/polyfill.ts

@@ -0,0 +1,12 @@
+export function findByLastIndex<T> (
+  list: T[],
+  callback: (item: T, index: number, list: T[]) => boolean,
+): number {
+  for (let i = list.length - 1; i >= 0; i--) {
+    if (callback(list[i], i, list)) {
+      return i
+    }
+  }
+
+  return -1
+}