From 96e8091565d10d411e6fbba1dba11fbd18f4a957 Mon Sep 17 00:00:00 2001
From: lightsage88 <adrian.e.rosales@gmail.com>
Date: Tue, 26 Apr 2022 17:30:17 -0700
Subject: [PATCH] took path of least resistance to fix some lint errors

---
 src/components/Context/index.js |  4 +-
 src/components/Loader.js        |  3 +-
 src/components/MainGameData.js  |  4 +-
 src/components/Notice.js        | 97 +++++++++++++++++----------------
 src/components/RelatedGames.js  |  5 +-
 src/components/Results.js       |  2 +-
 src/components/Searchbar.js     |  6 --
 src/components/Trend.js         |  2 +-
 8 files changed, 60 insertions(+), 63 deletions(-)

diff --git a/src/components/Context/index.js b/src/components/Context/index.js
index 2e51bac..61335f0 100644
--- a/src/components/Context/index.js
+++ b/src/components/Context/index.js
@@ -1,6 +1,5 @@
 import React, {Component} from 'react';
 import axios from 'axios';
-import moment from 'moment';
 import search1 from '../../picturesForCrosspad/needSearchImages/search-1.png';
 import search2 from '../../picturesForCrosspad/needSearchImages/search-2.png';
 import search3 from '../../picturesForCrosspad/needSearchImages/search-3.png';
@@ -332,6 +331,9 @@ export class Provider extends Component{
                 case 'coin' :
                    sound.src = 'https://themushroomkingdom.net/sounds/wav/smw/smw_coin.wav'
                 break;
+                default:
+                    null;
+                    break;
            }
            sound.play();
        }
diff --git a/src/components/Loader.js b/src/components/Loader.js
index a409fe2..38436fd 100644
--- a/src/components/Loader.js
+++ b/src/components/Loader.js
@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types'; 
 import {Consumer} from './Context';
 
 const Loader = () => {
@@ -13,7 +12,7 @@ const Loader = () => {
                         <form method="dialog">
                         <p data-testid="loaderPEL" id="loaderP" className="title retroFont">LOADING</p>
                         <menu id="loaderMenuEl" className="dialog-menu">
-                            <img data-testid="loaderImgEl" id="loaderImg" src={context.loaderImage} />
+                            <img alt="" data-testid="loaderImgEl" id="loaderImg" src={context.loaderImage} />
                         </menu>
                         </form>
                     </dialog>
diff --git a/src/components/MainGameData.js b/src/components/MainGameData.js
index 956984c..2e26bbf 100644
--- a/src/components/MainGameData.js
+++ b/src/components/MainGameData.js
@@ -1,4 +1,4 @@
-import React, {Component} from 'react';
+import React from 'react';
 import Notice from './Notice';
 
 
@@ -10,7 +10,7 @@ const MainGameData = (props) => {
                         <h1 id="mainGameTitleH1" data-testid="mainGameDataH1El" className='nintendoFont'>
                             {props.gameData.name}
                         </h1>
-                        <img id="mainGameImage" data-testid="mainGameImgEl" src={props.gameData.coverUrl} />
+                        <img alt="" id="mainGameImage" data-testid="mainGameImgEl" src={props.gameData.coverUrl} />
                         <table id="mainGameTable" className='nes-table is-bordered is-dark snesFont'>
                             <thead>
                                 <tr id="mainGameTableHeadRow">
diff --git a/src/components/Notice.js b/src/components/Notice.js
index c6d400f..2537db2 100644
--- a/src/components/Notice.js
+++ b/src/components/Notice.js
@@ -1,64 +1,67 @@
 import React from 'react';
-import {Consumer} from './Context';
+import { Consumer } from './Context';
 
 const Notice = (props) => {
-    return(
+    return (
         <Consumer>
-         {
-             context => {
+            {
+                context => {
 
-                 const generateNotice = (context, props) => {
-                    if(context) {
-                     let notice, number;
-                     switch(props.type) {
-                        case 'search':
-                        number = Math.floor(Math.random()*context.searchNoticeImages.length);
-                        notice = <img data-testid={'noticeImg-search'} value={number} src={context.searchNoticeImages[number]} />
-                        break;
+                    const generateNotice = (context, props) => {
+                        if (context) {
+                            let notice, number;
+                            switch (props.type) {
+                                case 'search':
+                                    number = Math.floor(Math.random() * context.searchNoticeImages.length);
+                                    notice = <img alt="" data-testid={'noticeImg-search'} value={number} src={context.searchNoticeImages[number]} />
+                                    break;
 
-                        case 'noGraph':
-                        number = Math.floor(Math.random()*context.noGraphSet.length);
-                        notice =<section data-testid={'noticeSection-noGraph'} className="message-list">
-                                    <section className="message -right">
-                                        <div className="nes-balloon from-right">
-                                            <p>{context.noGraphSet[number].text}</p>
-                                        </div>
-                                        <img src={context.noGraphSet[number].image}/>
+                                case 'noGraph':
+                                    number = Math.floor(Math.random() * context.noGraphSet.length);
+                                    notice = <section data-testid={'noticeSection-noGraph'} className="message-list">
+                                        <section className="message -right">
+                                            <div className="nes-balloon from-right">
+                                                <p>{context.noGraphSet[number].text}</p>
+                                            </div>
+                                            <img src={context.noGraphSet[number].image} alt=""/>
+                                        </section>
                                     </section>
-                                </section>
-                        break;
+                                    break;
 
-                        case 'noGame':
-                        number = Math.floor(Math.random()*context.noGameSet.length);
-                        notice =<section data-testid="noticeSection-noGame" className="message-list">
-                                    <section className="message -right">
-                                        <div className="nes-balloon from-right">
-                                         <p>{context.noGameSet[number].text}</p>
-                                        </div>
-                                    <img src={context.noGameSet[number].image}/>
-                                </section>                            
-                             </section>
-                     
-                    }
-                    return notice 
+                                case 'noGame':
+                                    number = Math.floor(Math.random() * context.noGameSet.length);
+                                    notice = <section data-testid="noticeSection-noGame" className="message-list">
+                                        <section className="message -right">
+                                            <div className="nes-balloon from-right">
+                                                <p>{context.noGameSet[number].text}</p>
+                                            </div>
+                                            <img alt="" src={context.noGameSet[number].image} />
+                                        </section>
+                                    </section>
+                                    break;
+                                default:
+                                    null;
+                                    break;
+                            }
+                            return notice
+                        }
                     }
-                 }
-                 
-                return (
-                    <div data-testid="noticeDivEl" id="noticeDiv">
-                        
-                        {generateNotice(context, props)}
-                    </div>
-                )
-             }
-         }   
+
+                    return (
+                        <div data-testid="noticeDivEl" id="noticeDiv">
+
+                            {generateNotice(context, props)}
+                        </div>
+                    )
+                }
+            }
         </Consumer>
     )
-    
+
 }
 
 Notice.defaultProps = {
-    context : {
+    context: {
         searchNoticeImages: [],
         noGameSet: []
     }
diff --git a/src/components/RelatedGames.js b/src/components/RelatedGames.js
index 56237e0..05d189e 100644
--- a/src/components/RelatedGames.js
+++ b/src/components/RelatedGames.js
@@ -1,8 +1,7 @@
 import React from 'react';
-import { Card, CardImg, CardTitle, CardDeck, CardText, CardGroup,
-    CardSubtitle, CardBody } from 'reactstrap';
+import { Card, CardImg, CardTitle, CardDeck, CardText,
+    CardBody } from 'reactstrap';
 import Notice from './Notice';  
-import {Consumer} from './Context';
 
 const RelatedGames = (props) => {
 
diff --git a/src/components/Results.js b/src/components/Results.js
index 37cd8b5..a20e1db 100644
--- a/src/components/Results.js
+++ b/src/components/Results.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Provider, Consumer} from './Context';
+import {Consumer} from './Context';
 
 
 const Results = (props) => {
diff --git a/src/components/Searchbar.js b/src/components/Searchbar.js
index 72c53d9..a6d19e5 100644
--- a/src/components/Searchbar.js
+++ b/src/components/Searchbar.js
@@ -1,13 +1,7 @@
 import React from 'react';
 import {Consumer} from './Context';
-import Accordion from 'react-bootstrap/Accordion';
-
-import PropTypes from 'prop-types';
-
 
 const Searchbar = () => {
-
-    
     return (
         <Consumer>
         
diff --git a/src/components/Trend.js b/src/components/Trend.js
index c7d9e92..e64becc 100644
--- a/src/components/Trend.js
+++ b/src/components/Trend.js
@@ -61,7 +61,7 @@ const Trend = (props) => {
                     <h5 data-testid={'trend/gameName-'+index}>{game.name}</h5> 
                     <span data-testid={'trend/releaseDate-'+index}>{game.releaseDate}</span>
                     <progress data-testid={'trend/progress-'+index} className={barColorClass} value={game.aggregatedRating} max="100"></progress>
-                    <a data-testid={'trend/badge-'+index} className="nes-badge">
+                    <a href="" data-testid={'trend/badge-'+index} className="nes-badge">
                       <span data-testid={'trend/badgeSpan-'+index} className="is-dark">RATING: {game.aggregatedRating}</span>
                     </a>
                   </div>