fix linter issues

Author: marianapatcosta

src/components/game/Controllers/index.tsx

@@ -29,7 +29,6 @@ const Controllers: React.FC<ControllersProps> = ({ isSpinning, onSpin }) => {
   const isAutoSpinOn: boolean = useSelector((state: State) => state.slotMachine.isAutoSpinOn);
   const showPayLines: boolean = useSelector((state: State) => state.slotMachine.showPayLines);
   const winPayLines: PayLine[] = useSelector((state: State) => state.slotMachine.winPayLines);
-  const bonusFactor: number = useSelector((state: State) => state.slotMachine.bonusFactor);
   const dispatch = useDispatch();
 
   const coinsSound: HTMLAudioElement = new Audio(CoinsSound);

src/components/game/Reels/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { nanoid } from 'nanoid';
 import { useSelector } from 'react-redux';
 import { PayLines, Reel } from '@/components';
@@ -15,7 +15,9 @@ interface ReelsProps {
 const Reels: React.FunctionComponent<ReelsProps> = ({ reels }) => {
   const animationDuration =
     getRandomNumber(MIN_SPIN_ANIMATION_DURATION, MAX_SPIN_ANIMATION_DURATION) * Math.random();
-  const bonusWildCardsPositions: Position[] = useSelector((state: State) => state.slotMachine.bonusWildcardsPositions);
+  const bonusWildCardsPositions: Position[] = useSelector(
+    (state: State) => state.slotMachine.bonusWildcardsPositions
+  );
   const bonusFactor: number = useSelector((state: State) => state.slotMachine.bonusFactor);
   const bonusText: string = useMemo(() => {
     if (!!bonusWildCardsPositions.length && !!bonusFactor) {

src/components/game/SlotMachine/index.tsx

@@ -4,13 +4,7 @@ import { nanoid } from 'nanoid';
 import { Controllers, Reels, WinsDisplay } from '@/components';
 import { ANIMATE_RESULTS_DURATION, ROW_NUMBER } from '@/game-configs';
 import { ModalType, Position, SlotScreenResult, Symbol } from '@/types';
-import {
-  SPIN_ENDED,
-  GAME_RESET,
-  GAME_LEFT,
-  NEW_SPIN_PREPARED,
-  SPAN,
-} from '@/store/action-types';
+import { SPIN_ENDED, GAME_RESET, GAME_LEFT, NEW_SPIN_PREPARED, SPAN } from '@/store/action-types';
 import {
   getScreenResult,
   getScreenWithBonusWildcards,
@@ -136,7 +130,7 @@ const SlotMachine: React.FC = () => {
       const endSound = !!slotResult.winPayLines.length ? winSound : loseSound;
       endSound.play();
     }
-    
+
     const timeToNewSpin: number = getTimerForNewSpin(slotResult);
 
     // shuffle reels for next spinning
@@ -176,7 +170,7 @@ const SlotMachine: React.FC = () => {
     const shuffledReels = getShuffledReels();
     setReels(shuffledReels);
     setGameConfigs();
-/*     worker.postMessage('hello');
+    /*     worker.postMessage('hello');
 
     worker.onmessage = event => {
     console.log(777, event)

src/game-utils.test.ts

@@ -1,5 +1,5 @@
 import { SYMBOLS_METADATA } from './game-configs';
-import { Position, SlotScreenResult, Symbol } from './types';
+import type { Position, SlotScreenResult, Symbol } from './types';
 import { getRandomPosition, getScreenResult, isPositionFilled } from './game-utils';
 
 // MATCH PAY LINES 2 and 3 with 3 React symbol (returns winAmount 2)

src/game-utils.ts

@@ -80,7 +80,9 @@ export const wonBonusWildCards = (): boolean => Math.random() < 0.3;
 
 // not matched symbols are different and none of them is wildcard
 const areSymbolsNotMatched = (symbolAType: SymbolType, symbolB: Symbol): boolean =>
-  symbolAType !== symbolB.type && (symbolAType !== WILDCARD_METADATA.type && symbolB.type !== WILDCARD_METADATA.type);
+  symbolAType !== symbolB.type &&
+  symbolAType !== WILDCARD_METADATA.type &&
+  symbolB.type !== WILDCARD_METADATA.type;
 
 export const getScreenWithBonusWildcards = (
   slotScreen: Symbol[][]
@@ -113,16 +115,16 @@ const getPayLineResult = (slotScreen: Symbol[][], payLine: PayLine): PayLineResu
       if (numberOfSymbolsInLine >= MIN_MATCH_SEQUENCE_NUMBER) {
         break;
       }
-      
-      // If no win sequence yet, check if previous symbol is a Wildcard, which was not set as currentSymbol in the previous iteration 
+
+      // If no win sequence yet, check if previous symbol is a Wildcard, which was not set as currentSymbol in the previous iteration
       // because regular symbols are preferentially stored instead, to be able to check if the next symbols are a match with them
 
-      // if index of previous symbol is higher than MIN_MATCH_SEQUENCE_NUMBER, there is no chance to match a line 
+      // if index of previous symbol is higher than MIN_MATCH_SEQUENCE_NUMBER, there is no chance to match a line
       // even if we have a wildcard in the previous posiiton, so break
       if (positionIndex - 1 > MIN_MATCH_SEQUENCE_NUMBER - 1) {
         break;
       }
-      
+
       const previousPosition: Position = payLine.positions[positionIndex - 1];
       const previousSymbol: Symbol = slotScreen[previousPosition.reel][previousPosition.row];
       // Check if previous symbol is wildcard, so the new line can start being evaluated from the wildcard position
@@ -132,12 +134,12 @@ const getPayLineResult = (slotScreen: Symbol[][], payLine: PayLine): PayLineResu
         initialPositionIndex = positionIndex - 1;
         continue;
       }
-      
-      // if no wildcard in previous position and currentSymbolIndex is higher than MIN_MATCH_SEQUENCE_NUMBER, there is no chance to match, so break 
+
+      // if no wildcard in previous position and currentSymbolIndex is higher than MIN_MATCH_SEQUENCE_NUMBER, there is no chance to match, so break
       if (positionIndex > MIN_MATCH_SEQUENCE_NUMBER - 1) {
         break;
       }
-      
+
       // if there is still a chance to match, adjust initial checking variables and continue to next iteration
       currentSymbolType = symbol.type;
       numberOfSymbolsInLine = 1;
@@ -185,10 +187,7 @@ export const getScreenResult = (slotScreen: Symbol[][]): SlotScreenResult => {
       freeSpins += FREE_SPINS_NUMBER;
     }
 
-    const winFactor: number = findWinFactor(
-      currentSymbolType as SymbolType,
-      numberOfSymbolsInLine
-    );
+    const winFactor: number = findWinFactor(currentSymbolType as SymbolType, numberOfSymbolsInLine);
     winAmount += winFactor;
     winPayLines.push({
       ...payLine,

src/store/reducers/slot-machine.test.ts

@@ -1,5 +1,5 @@
 import { DEFAULT_BET, INITIAL_CREDITS, PAY_LINES_METADATA } from '@/game-configs';
-import { PayLine, Position, SlotScreenResult } from '@/types';
+import { PayLine, Position } from '@/types';
 import { BET_UPDATED, SPAN, SPIN_ENDED } from '../action-types';
 import { State, reducer as slotMachineReducer } from './slot-machine';