Merge pull request #3150 from jeyren95/fix/issue-3148

Clear w/l display on player page switch

.gitignore

@@ -8,3 +8,4 @@ build
 .env
 yarn.lock
 src/*.d.ts
+.vite

src/components/Player/Header/PlayerHeader.jsx

@@ -271,7 +271,20 @@ const getRankTierMedal = (rankTier, leaderboardRank) => {
 };
 
 const PlayerHeader = ({
-  playerName, officialPlayerName, playerId, picture, registered, plus, loading, error, small, playerSoloCompetitiveRank, loggedInUser, rankTier, leaderboardRank, strings,
+  playerName,
+  officialPlayerName,
+  playerId,
+  picture,
+  registered,
+  plus,
+  loading,
+  error,
+  small,
+  playerSoloCompetitiveRank,
+  loggedInUser,
+  rankTier,
+  leaderboardRank,
+  strings,
 }) => {
   if (error) {
     return <Error />;

src/components/Player/Header/PlayerStats.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 // import ActionHelp from 'material-ui/svg-icons/action/help';
 import styled from 'styled-components';
-import Error from '../../Error';
 import Spinner from '../../Spinner';
+import Error from '../../Error';
 import PlayedWith from './PlayedWith';
 import { PlayerStatsCard } from './Styled';
 import constants from '../../constants';
@@ -109,7 +109,7 @@ PlayerStatsCards.propTypes = {
 };
 
 const mapStateToProps = state => ({
-  loading: state.app.player.loading,
+  loading: state.app.playerWinLoss.loading,
   error: state.app.player.error,
   wins: state.app.playerWinLoss.data.win,
   losses: state.app.playerWinLoss.data.lose,

src/components/Visualizations/Table/HeroImage.jsx

@@ -476,7 +476,7 @@ class TableHeroImage extends React.Component {
         this.setTooltipVisibility(false);
       },
     };
-
+  
     return (
       <Styled style={expand}>
         <HeroImageContainer>