no pics on repo

TravisL12 · Oct 5, 2020 · 127845a · 127845a
1 parent 2f4e9a9
commit 127845a
Show file tree

Hide file tree

Showing 449 changed files with 179 additions and 88 deletions.
diff --git a/.gitignore b/.gitignore
@@ -22,3 +22,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+*.png
diff --git a/src/App.js b/src/App.js
@@ -5,6 +5,7 @@ import { partition, sortBy, values } from 'lodash';
 import smbCsvData from './smb_data.csv';
 import smbLogo from './smb_logo.png';
 
+import PlayerCard from './PlayerCard';
 import PlayerTable from './tables/PlayerTable';
 import PitcherTable from './tables/PitcherTable';
 import TeamTable from './tables/TeamTable';
@@ -38,6 +39,7 @@ function App() {
   const [teams, setTeams] = useState([]);
   const [filters, setFilters] = useState(initialFilters);
   const [selectedOption, setSelectedOption] = useState('Positions');
+  const [modalPlayer, setModalPlayer] = useState(null);
 
   useEffect(() => {
     loadPlayers(({ data }) => {
@@ -76,9 +78,16 @@ function App() {
   const getTable = () => {
     switch (selectedOption) {
       case 'Pitchers':
-        return <PitcherTable players={pitchers} />;
+        return (
+          <PitcherTable setModalPlayer={setModalPlayer} players={pitchers} />
+        );
       case 'Positions':
-        return <PlayerTable players={positionPlayers} />;
+        return (
+          <PlayerTable
+            setModalPlayer={setModalPlayer}
+            players={positionPlayers}
+          />
+        );
       case 'Teams':
         return <TeamTable teams={teams} />;
       default:
@@ -106,7 +115,14 @@ function App() {
 
       <Filters filters={filters} setFilters={setFilters} />
 
-      <DisplayedTableContainer>{getTable()}</DisplayedTableContainer>
+      <DisplayedTableContainer>
+        <PlayerCard
+          player={modalPlayer}
+          isOpen={!!modalPlayer}
+          close={() => setModalPlayer(null)}
+        />
+        {getTable()}
+      </DisplayedTableContainer>
     </AppContainer>
   );
 }

diff --git a/src/PlayerCard.js b/src/PlayerCard.js
@@ -0,0 +1,58 @@
+import React from 'react';
+import { positionsAbbrev } from './helper';
+import { PitchTypeContainer, PlayerCardContainer, SkillRating } from './styles';
+
+const PlayerSkill = ({ skill, rating }) => {
+  return (
+    <div className="player-skill">
+      <span>{skill}</span>
+      <span>
+        <SkillRating width={rating} />
+      </span>
+    </div>
+  );
+};
+
+const PlayerCard = ({ player, close }) => {
+  return (
+    !!player && (
+      <PlayerCardContainer className="player-modal" onClick={close}>
+        <div className="player-image">
+          <img src={`${process.env.PUBLIC_URL}/player_pics/${player.image}`} />
+        </div>
+        <div className="player-skills">
+          <div className="bat-throw-pos">
+            <span>Bat: {player.bats}</span>
+            <span>Thr: {player.throws}</span>
+            <span>S.Pos: {positionsAbbrev[player.position2]}</span>
+          </div>
+          <div className="skills">
+            <PlayerSkill skill={'power'} rating={player.power} />
+            <PlayerSkill skill={'contact'} rating={player.contact} />
+            <PlayerSkill skill={'speed'} rating={player.speed} />
+            <PlayerSkill skill={'fielding'} rating={player.fielding} />
+            {!player.isPitcher && (
+              <PlayerSkill skill={'arm'} rating={player.arm} />
+            )}
+            {player.isPitcher && (
+              <>
+                <PlayerSkill skill={'velocity'} rating={player.velocity} />
+                <PlayerSkill skill={'junk'} rating={player.junk} />
+                <PlayerSkill skill={'accuracy'} rating={player.accuracy} />
+                <div>
+                  {player.arsenal.map((pitch) => (
+                    <PitchTypeContainer key={pitch} pitchType={pitch}>
+                      {pitch}
+                    </PitchTypeContainer>
+                  ))}
+                </div>
+              </>
+            )}
+          </div>
+        </div>
+      </PlayerCardContainer>
+    )
+  );
+};
+
+export default PlayerCard;
diff --git a/src/buildPlayer.js b/src/buildPlayer.js
@@ -1,4 +1,4 @@
-import { keys, pick, reduce } from 'lodash';
+import { keys, pick, reduce, snakeCase } from 'lodash';
 import { ALL_POSITIONS, PITCHER_ROLES } from './helper';
 import { options } from './playerOptions';
 
@@ -77,6 +77,9 @@ export const createPlayer = (info) => {
     id: +info.id,
     isPitcher,
     info,
+    image: `${snakeCase(info.teamName)}-${info.firstName}_${snakeCase(
+      info.lastName
+    )}.png`.toLowerCase(),
   };
 };
 

diff --git a/src/player_pics/1-0.png b/src/player_pics/1-0.png
diff --git a/src/player_pics/1-1.png b/src/player_pics/1-1.png
diff --git a/src/player_pics/1-10.png b/src/player_pics/1-10.png
diff --git a/src/player_pics/1-11.png b/src/player_pics/1-11.png
diff --git a/src/player_pics/1-12.png b/src/player_pics/1-12.png
diff --git a/src/player_pics/1-13.png b/src/player_pics/1-13.png
diff --git a/src/player_pics/1-14.png b/src/player_pics/1-14.png
diff --git a/src/player_pics/1-15.png b/src/player_pics/1-15.png
diff --git a/src/player_pics/1-16.png b/src/player_pics/1-16.png
diff --git a/src/player_pics/1-17.png b/src/player_pics/1-17.png
diff --git a/src/player_pics/1-18.png b/src/player_pics/1-18.png
diff --git a/src/player_pics/1-19.png b/src/player_pics/1-19.png
diff --git a/src/player_pics/1-2.png b/src/player_pics/1-2.png
diff --git a/src/player_pics/1-20.png b/src/player_pics/1-20.png
diff --git a/src/player_pics/1-3.png b/src/player_pics/1-3.png
diff --git a/src/player_pics/1-4.png b/src/player_pics/1-4.png
diff --git a/src/player_pics/1-5.png b/src/player_pics/1-5.png
diff --git a/src/player_pics/1-6.png b/src/player_pics/1-6.png
diff --git a/src/player_pics/1-7.png b/src/player_pics/1-7.png
diff --git a/src/player_pics/1-8.png b/src/player_pics/1-8.png
diff --git a/src/player_pics/1-9.png b/src/player_pics/1-9.png
diff --git a/src/player_pics/10-0.png b/src/player_pics/10-0.png
diff --git a/src/player_pics/10-1.png b/src/player_pics/10-1.png
diff --git a/src/player_pics/10-10.png b/src/player_pics/10-10.png
diff --git a/src/player_pics/10-11.png b/src/player_pics/10-11.png
diff --git a/src/player_pics/10-12.png b/src/player_pics/10-12.png
diff --git a/src/player_pics/10-13.png b/src/player_pics/10-13.png
diff --git a/src/player_pics/10-14.png b/src/player_pics/10-14.png
diff --git a/src/player_pics/10-15.png b/src/player_pics/10-15.png
diff --git a/src/player_pics/10-16.png b/src/player_pics/10-16.png
diff --git a/src/player_pics/10-17.png b/src/player_pics/10-17.png
diff --git a/src/player_pics/10-18.png b/src/player_pics/10-18.png
diff --git a/src/player_pics/10-19.png b/src/player_pics/10-19.png
diff --git a/src/player_pics/10-2.png b/src/player_pics/10-2.png
diff --git a/src/player_pics/10-20.png b/src/player_pics/10-20.png
diff --git a/src/player_pics/10-3.png b/src/player_pics/10-3.png
diff --git a/src/player_pics/10-4.png b/src/player_pics/10-4.png
diff --git a/src/player_pics/10-5.png b/src/player_pics/10-5.png
diff --git a/src/player_pics/10-6.png b/src/player_pics/10-6.png
diff --git a/src/player_pics/10-7.png b/src/player_pics/10-7.png
diff --git a/src/player_pics/10-8.png b/src/player_pics/10-8.png
diff --git a/src/player_pics/10-9.png b/src/player_pics/10-9.png
diff --git a/src/player_pics/11-0.png b/src/player_pics/11-0.png
diff --git a/src/player_pics/11-1.png b/src/player_pics/11-1.png
diff --git a/src/player_pics/11-10.png b/src/player_pics/11-10.png
diff --git a/src/player_pics/11-11.png b/src/player_pics/11-11.png
diff --git a/src/player_pics/11-12.png b/src/player_pics/11-12.png
diff --git a/src/player_pics/11-13.png b/src/player_pics/11-13.png
diff --git a/src/player_pics/11-14.png b/src/player_pics/11-14.png
diff --git a/src/player_pics/11-15.png b/src/player_pics/11-15.png
diff --git a/src/player_pics/11-16.png b/src/player_pics/11-16.png
diff --git a/src/player_pics/11-17.png b/src/player_pics/11-17.png
diff --git a/src/player_pics/11-18.png b/src/player_pics/11-18.png
diff --git a/src/player_pics/11-19.png b/src/player_pics/11-19.png
diff --git a/src/player_pics/11-2.png b/src/player_pics/11-2.png
diff --git a/src/player_pics/11-20.png b/src/player_pics/11-20.png
diff --git a/src/player_pics/11-3.png b/src/player_pics/11-3.png
diff --git a/src/player_pics/11-4.png b/src/player_pics/11-4.png
diff --git a/src/player_pics/11-5.png b/src/player_pics/11-5.png
diff --git a/src/player_pics/11-6.png b/src/player_pics/11-6.png
diff --git a/src/player_pics/11-7.png b/src/player_pics/11-7.png
diff --git a/src/player_pics/11-8.png b/src/player_pics/11-8.png
diff --git a/src/player_pics/11-9.png b/src/player_pics/11-9.png
diff --git a/src/player_pics/12-0.png b/src/player_pics/12-0.png
diff --git a/src/player_pics/12-1.png b/src/player_pics/12-1.png
diff --git a/src/player_pics/12-10.png b/src/player_pics/12-10.png
diff --git a/src/player_pics/12-11.png b/src/player_pics/12-11.png
diff --git a/src/player_pics/12-12.png b/src/player_pics/12-12.png
diff --git a/src/player_pics/12-13.png b/src/player_pics/12-13.png
diff --git a/src/player_pics/12-14.png b/src/player_pics/12-14.png
diff --git a/src/player_pics/12-15.png b/src/player_pics/12-15.png
diff --git a/src/player_pics/12-16.png b/src/player_pics/12-16.png
diff --git a/src/player_pics/12-17.png b/src/player_pics/12-17.png
diff --git a/src/player_pics/12-18.png b/src/player_pics/12-18.png
diff --git a/src/player_pics/12-19.png b/src/player_pics/12-19.png
diff --git a/src/player_pics/12-2.png b/src/player_pics/12-2.png
diff --git a/src/player_pics/12-20.png b/src/player_pics/12-20.png
diff --git a/src/player_pics/12-3.png b/src/player_pics/12-3.png
diff --git a/src/player_pics/12-4.png b/src/player_pics/12-4.png
diff --git a/src/player_pics/12-5.png b/src/player_pics/12-5.png
diff --git a/src/player_pics/12-6.png b/src/player_pics/12-6.png
diff --git a/src/player_pics/12-7.png b/src/player_pics/12-7.png
diff --git a/src/player_pics/12-8.png b/src/player_pics/12-8.png
diff --git a/src/player_pics/12-9.png b/src/player_pics/12-9.png
diff --git a/src/player_pics/13-0.png b/src/player_pics/13-0.png
diff --git a/src/player_pics/13-1.png b/src/player_pics/13-1.png
diff --git a/src/player_pics/13-10.png b/src/player_pics/13-10.png
diff --git a/src/player_pics/13-11.png b/src/player_pics/13-11.png
diff --git a/src/player_pics/13-12.png b/src/player_pics/13-12.png
diff --git a/src/player_pics/13-13.png b/src/player_pics/13-13.png
diff --git a/src/player_pics/13-14.png b/src/player_pics/13-14.png
diff --git a/src/player_pics/13-15.png b/src/player_pics/13-15.png
diff --git a/src/player_pics/13-16.png b/src/player_pics/13-16.png
diff --git a/src/player_pics/13-17.png b/src/player_pics/13-17.png
diff --git a/src/player_pics/13-18.png b/src/player_pics/13-18.png
diff --git a/src/player_pics/13-19.png b/src/player_pics/13-19.png
diff --git a/src/player_pics/13-2.png b/src/player_pics/13-2.png
diff --git a/src/player_pics/13-20.png b/src/player_pics/13-20.png
diff --git a/src/player_pics/13-3.png b/src/player_pics/13-3.png
diff --git a/src/player_pics/13-4.png b/src/player_pics/13-4.png
diff --git a/src/player_pics/13-5.png b/src/player_pics/13-5.png
diff --git a/src/player_pics/13-6.png b/src/player_pics/13-6.png
diff --git a/src/player_pics/13-7.png b/src/player_pics/13-7.png
diff --git a/src/player_pics/13-8.png b/src/player_pics/13-8.png
diff --git a/src/player_pics/13-9.png b/src/player_pics/13-9.png
diff --git a/src/player_pics/14-0.png b/src/player_pics/14-0.png
diff --git a/src/player_pics/14-1.png b/src/player_pics/14-1.png
diff --git a/src/player_pics/14-10.png b/src/player_pics/14-10.png
diff --git a/src/player_pics/14-11.png b/src/player_pics/14-11.png
diff --git a/src/player_pics/14-12.png b/src/player_pics/14-12.png
diff --git a/src/player_pics/14-13.png b/src/player_pics/14-13.png
diff --git a/src/player_pics/14-14.png b/src/player_pics/14-14.png
diff --git a/src/player_pics/14-15.png b/src/player_pics/14-15.png
diff --git a/src/player_pics/14-16.png b/src/player_pics/14-16.png
diff --git a/src/player_pics/14-17.png b/src/player_pics/14-17.png
diff --git a/src/player_pics/14-18.png b/src/player_pics/14-18.png
diff --git a/src/player_pics/14-19.png b/src/player_pics/14-19.png
diff --git a/src/player_pics/14-2.png b/src/player_pics/14-2.png
diff --git a/src/player_pics/14-20.png b/src/player_pics/14-20.png
diff --git a/src/player_pics/14-3.png b/src/player_pics/14-3.png
diff --git a/src/player_pics/14-4.png b/src/player_pics/14-4.png
diff --git a/src/player_pics/14-5.png b/src/player_pics/14-5.png
diff --git a/src/player_pics/14-6.png b/src/player_pics/14-6.png
diff --git a/src/player_pics/14-7.png b/src/player_pics/14-7.png
diff --git a/src/player_pics/14-8.png b/src/player_pics/14-8.png
diff --git a/src/player_pics/14-9.png b/src/player_pics/14-9.png
diff --git a/src/player_pics/15-0.png b/src/player_pics/15-0.png
diff --git a/src/player_pics/15-1.png b/src/player_pics/15-1.png
diff --git a/src/player_pics/15-10.png b/src/player_pics/15-10.png
diff --git a/src/player_pics/15-11.png b/src/player_pics/15-11.png
diff --git a/src/player_pics/15-12.png b/src/player_pics/15-12.png
diff --git a/src/player_pics/15-13.png b/src/player_pics/15-13.png
diff --git a/src/player_pics/15-14.png b/src/player_pics/15-14.png
diff --git a/src/player_pics/15-15.png b/src/player_pics/15-15.png
diff --git a/src/player_pics/15-16.png b/src/player_pics/15-16.png
diff --git a/src/player_pics/15-17.png b/src/player_pics/15-17.png
diff --git a/src/player_pics/15-18.png b/src/player_pics/15-18.png
diff --git a/src/player_pics/15-19.png b/src/player_pics/15-19.png
diff --git a/src/player_pics/15-2.png b/src/player_pics/15-2.png
diff --git a/src/player_pics/15-20.png b/src/player_pics/15-20.png
diff --git a/src/player_pics/15-3.png b/src/player_pics/15-3.png
diff --git a/src/player_pics/15-4.png b/src/player_pics/15-4.png
diff --git a/src/player_pics/15-5.png b/src/player_pics/15-5.png
diff --git a/src/player_pics/15-6.png b/src/player_pics/15-6.png
diff --git a/src/player_pics/15-7.png b/src/player_pics/15-7.png
diff --git a/src/player_pics/15-8.png b/src/player_pics/15-8.png
diff --git a/src/player_pics/15-9.png b/src/player_pics/15-9.png
diff --git a/src/player_pics/16-0.png b/src/player_pics/16-0.png
diff --git a/src/player_pics/16-1.png b/src/player_pics/16-1.png
diff --git a/src/player_pics/16-10.png b/src/player_pics/16-10.png
diff --git a/src/player_pics/16-11.png b/src/player_pics/16-11.png
diff --git a/src/player_pics/16-12.png b/src/player_pics/16-12.png
diff --git a/src/player_pics/16-13.png b/src/player_pics/16-13.png
diff --git a/src/player_pics/16-14.png b/src/player_pics/16-14.png
diff --git a/src/player_pics/16-15.png b/src/player_pics/16-15.png
diff --git a/src/player_pics/16-16.png b/src/player_pics/16-16.png
diff --git a/src/player_pics/16-17.png b/src/player_pics/16-17.png
diff --git a/src/player_pics/16-18.png b/src/player_pics/16-18.png
diff --git a/src/player_pics/16-19.png b/src/player_pics/16-19.png
diff --git a/src/player_pics/16-2.png b/src/player_pics/16-2.png
diff --git a/src/player_pics/16-20.png b/src/player_pics/16-20.png
diff --git a/src/player_pics/16-3.png b/src/player_pics/16-3.png
diff --git a/src/player_pics/16-4.png b/src/player_pics/16-4.png
diff --git a/src/player_pics/16-5.png b/src/player_pics/16-5.png
diff --git a/src/player_pics/16-6.png b/src/player_pics/16-6.png
diff --git a/src/player_pics/16-7.png b/src/player_pics/16-7.png
diff --git a/src/player_pics/16-8.png b/src/player_pics/16-8.png
diff --git a/src/player_pics/16-9.png b/src/player_pics/16-9.png
diff --git a/src/player_pics/17-0.png b/src/player_pics/17-0.png
diff --git a/src/player_pics/17-1.png b/src/player_pics/17-1.png
diff --git a/src/player_pics/17-10.png b/src/player_pics/17-10.png
diff --git a/src/player_pics/17-11.png b/src/player_pics/17-11.png
diff --git a/src/player_pics/17-12.png b/src/player_pics/17-12.png
diff --git a/src/player_pics/17-13.png b/src/player_pics/17-13.png
diff --git a/src/player_pics/17-14.png b/src/player_pics/17-14.png
diff --git a/src/player_pics/17-15.png b/src/player_pics/17-15.png
diff --git a/src/player_pics/17-16.png b/src/player_pics/17-16.png
diff --git a/src/player_pics/17-17.png b/src/player_pics/17-17.png
diff --git a/src/player_pics/17-18.png b/src/player_pics/17-18.png
diff --git a/src/player_pics/17-19.png b/src/player_pics/17-19.png
diff --git a/src/player_pics/17-2.png b/src/player_pics/17-2.png
diff --git a/src/player_pics/17-20.png b/src/player_pics/17-20.png
diff --git a/src/player_pics/17-3.png b/src/player_pics/17-3.png
diff --git a/src/player_pics/17-4.png b/src/player_pics/17-4.png
diff --git a/src/player_pics/17-5.png b/src/player_pics/17-5.png
diff --git a/src/player_pics/17-6.png b/src/player_pics/17-6.png
diff --git a/src/player_pics/17-7.png b/src/player_pics/17-7.png
diff --git a/src/player_pics/17-8.png b/src/player_pics/17-8.png
diff --git a/src/player_pics/17-9.png b/src/player_pics/17-9.png
diff --git a/src/player_pics/18-0.png b/src/player_pics/18-0.png
diff --git a/src/player_pics/18-1.png b/src/player_pics/18-1.png
diff --git a/src/player_pics/18-10.png b/src/player_pics/18-10.png
diff --git a/src/player_pics/18-11.png b/src/player_pics/18-11.png
diff --git a/src/player_pics/18-12.png b/src/player_pics/18-12.png
diff --git a/src/player_pics/18-13.png b/src/player_pics/18-13.png
diff --git a/src/player_pics/18-14.png b/src/player_pics/18-14.png
diff --git a/src/player_pics/18-15.png b/src/player_pics/18-15.png
diff --git a/src/player_pics/18-16.png b/src/player_pics/18-16.png
diff --git a/src/player_pics/18-17.png b/src/player_pics/18-17.png
diff --git a/src/player_pics/18-18.png b/src/player_pics/18-18.png
diff --git a/src/player_pics/18-19.png b/src/player_pics/18-19.png
diff --git a/src/player_pics/18-2.png b/src/player_pics/18-2.png
diff --git a/src/player_pics/18-20.png b/src/player_pics/18-20.png
diff --git a/src/player_pics/18-3.png b/src/player_pics/18-3.png
diff --git a/src/player_pics/18-4.png b/src/player_pics/18-4.png
diff --git a/src/player_pics/18-5.png b/src/player_pics/18-5.png
diff --git a/src/player_pics/18-6.png b/src/player_pics/18-6.png
diff --git a/src/player_pics/18-7.png b/src/player_pics/18-7.png
diff --git a/src/player_pics/18-8.png b/src/player_pics/18-8.png
diff --git a/src/player_pics/18-9.png b/src/player_pics/18-9.png
diff --git a/src/player_pics/19-0.png b/src/player_pics/19-0.png
diff --git a/src/player_pics/19-1.png b/src/player_pics/19-1.png
diff --git a/src/player_pics/19-10.png b/src/player_pics/19-10.png
diff --git a/src/player_pics/19-11.png b/src/player_pics/19-11.png
diff --git a/src/player_pics/19-12.png b/src/player_pics/19-12.png
diff --git a/src/player_pics/19-13.png b/src/player_pics/19-13.png
diff --git a/src/player_pics/19-14.png b/src/player_pics/19-14.png
diff --git a/src/player_pics/19-15.png b/src/player_pics/19-15.png
diff --git a/src/player_pics/19-16.png b/src/player_pics/19-16.png
diff --git a/src/player_pics/19-17.png b/src/player_pics/19-17.png
diff --git a/src/player_pics/19-18.png b/src/player_pics/19-18.png
diff --git a/src/player_pics/19-19.png b/src/player_pics/19-19.png
diff --git a/src/player_pics/19-2.png b/src/player_pics/19-2.png
diff --git a/src/player_pics/19-20.png b/src/player_pics/19-20.png
diff --git a/src/player_pics/19-3.png b/src/player_pics/19-3.png
diff --git a/src/player_pics/19-4.png b/src/player_pics/19-4.png
diff --git a/src/player_pics/19-5.png b/src/player_pics/19-5.png
diff --git a/src/player_pics/19-6.png b/src/player_pics/19-6.png
diff --git a/src/player_pics/19-7.png b/src/player_pics/19-7.png
diff --git a/src/player_pics/19-8.png b/src/player_pics/19-8.png
diff --git a/src/player_pics/19-9.png b/src/player_pics/19-9.png
diff --git a/src/player_pics/2-0.png b/src/player_pics/2-0.png
diff --git a/src/player_pics/2-1.png b/src/player_pics/2-1.png
diff --git a/src/player_pics/2-10.png b/src/player_pics/2-10.png
diff --git a/src/player_pics/2-11.png b/src/player_pics/2-11.png
diff --git a/src/player_pics/2-12.png b/src/player_pics/2-12.png
diff --git a/src/player_pics/2-13.png b/src/player_pics/2-13.png
diff --git a/src/player_pics/2-14.png b/src/player_pics/2-14.png
diff --git a/src/player_pics/2-15.png b/src/player_pics/2-15.png
diff --git a/src/player_pics/2-16.png b/src/player_pics/2-16.png
diff --git a/src/player_pics/2-17.png b/src/player_pics/2-17.png
diff --git a/src/player_pics/2-18.png b/src/player_pics/2-18.png
diff --git a/src/player_pics/2-19.png b/src/player_pics/2-19.png
diff --git a/src/player_pics/2-2.png b/src/player_pics/2-2.png
diff --git a/src/player_pics/2-20.png b/src/player_pics/2-20.png
diff --git a/src/player_pics/2-3.png b/src/player_pics/2-3.png
diff --git a/src/player_pics/2-4.png b/src/player_pics/2-4.png
diff --git a/src/player_pics/2-5.png b/src/player_pics/2-5.png
diff --git a/src/player_pics/2-6.png b/src/player_pics/2-6.png
diff --git a/src/player_pics/2-7.png b/src/player_pics/2-7.png
diff --git a/src/player_pics/2-8.png b/src/player_pics/2-8.png
diff --git a/src/player_pics/2-9.png b/src/player_pics/2-9.png
diff --git a/src/player_pics/20-0.png b/src/player_pics/20-0.png
diff --git a/src/player_pics/20-1.png b/src/player_pics/20-1.png
diff --git a/src/player_pics/20-10.png b/src/player_pics/20-10.png
diff --git a/src/player_pics/20-11.png b/src/player_pics/20-11.png
diff --git a/src/player_pics/20-12.png b/src/player_pics/20-12.png
diff --git a/src/player_pics/20-13.png b/src/player_pics/20-13.png
diff --git a/src/player_pics/20-14.png b/src/player_pics/20-14.png
diff --git a/src/player_pics/20-15.png b/src/player_pics/20-15.png
diff --git a/src/player_pics/20-16.png b/src/player_pics/20-16.png
diff --git a/src/player_pics/20-17.png b/src/player_pics/20-17.png
diff --git a/src/player_pics/20-18.png b/src/player_pics/20-18.png
diff --git a/src/player_pics/20-19.png b/src/player_pics/20-19.png
diff --git a/src/player_pics/20-2.png b/src/player_pics/20-2.png
diff --git a/src/player_pics/20-20.png b/src/player_pics/20-20.png
diff --git a/src/player_pics/20-3.png b/src/player_pics/20-3.png
diff --git a/src/player_pics/20-4.png b/src/player_pics/20-4.png
diff --git a/src/player_pics/20-5.png b/src/player_pics/20-5.png
diff --git a/src/player_pics/20-6.png b/src/player_pics/20-6.png
diff --git a/src/player_pics/20-7.png b/src/player_pics/20-7.png
diff --git a/src/player_pics/20-8.png b/src/player_pics/20-8.png
diff --git a/src/player_pics/20-9.png b/src/player_pics/20-9.png
diff --git a/src/player_pics/3-0.png b/src/player_pics/3-0.png
diff --git a/src/player_pics/3-1.png b/src/player_pics/3-1.png
diff --git a/src/player_pics/3-10.png b/src/player_pics/3-10.png
diff --git a/src/player_pics/3-11.png b/src/player_pics/3-11.png
diff --git a/src/player_pics/3-12.png b/src/player_pics/3-12.png
diff --git a/src/player_pics/3-13.png b/src/player_pics/3-13.png
diff --git a/src/player_pics/3-14.png b/src/player_pics/3-14.png
diff --git a/src/player_pics/3-15.png b/src/player_pics/3-15.png
diff --git a/src/player_pics/3-16.png b/src/player_pics/3-16.png
diff --git a/src/player_pics/3-17.png b/src/player_pics/3-17.png
diff --git a/src/player_pics/3-18.png b/src/player_pics/3-18.png
diff --git a/src/player_pics/3-19.png b/src/player_pics/3-19.png
diff --git a/src/player_pics/3-2.png b/src/player_pics/3-2.png
diff --git a/src/player_pics/3-20.png b/src/player_pics/3-20.png
diff --git a/src/player_pics/3-3.png b/src/player_pics/3-3.png
diff --git a/src/player_pics/3-4.png b/src/player_pics/3-4.png
diff --git a/src/player_pics/3-5.png b/src/player_pics/3-5.png
diff --git a/src/player_pics/3-6.png b/src/player_pics/3-6.png
diff --git a/src/player_pics/3-7.png b/src/player_pics/3-7.png
diff --git a/src/player_pics/3-8.png b/src/player_pics/3-8.png
diff --git a/src/player_pics/3-9.png b/src/player_pics/3-9.png
diff --git a/src/player_pics/4-0.png b/src/player_pics/4-0.png
diff --git a/src/player_pics/4-1.png b/src/player_pics/4-1.png