diff --git a/src/components/Layout/Header/AccountButton/index.tsx b/src/components/Layout/Header/AccountButton/index.tsx index a3fdf95e..c3de5b8a 100644 --- a/src/components/Layout/Header/AccountButton/index.tsx +++ b/src/components/Layout/Header/AccountButton/index.tsx @@ -44,6 +44,9 @@ const AccountButton = ({ active, ...props }: SimpleComponentProps & { active: bo }, onError: error => { console.log('onError ', error) + if (error.message === 'Error: Could not verify JWT: JWTExpired') { + disconnectAndSignout() + } setLoading(false) }, diff --git a/src/components/Leaderboard.tsx b/src/components/Leaderboard.tsx index a948fc9a..12ad3296 100644 --- a/src/components/Leaderboard.tsx +++ b/src/components/Leaderboard.tsx @@ -141,9 +141,7 @@ const Amount = styled.div` } @media only screen and (max-width: ${breakpoint.phablet}px) { - span { - display: none; - } + display: none; } ` diff --git a/src/components/ProjectSponsors.tsx b/src/components/ProjectSponsors.tsx index f749301f..b467729d 100644 --- a/src/components/ProjectSponsors.tsx +++ b/src/components/ProjectSponsors.tsx @@ -93,7 +93,11 @@ const SponsorItem = styled.div` margin: 0 8px 0 0; ` -const Sponsor = styled.div`` +const Sponsor = styled.div` + @media (prefers-color-scheme: dark) { + filter: invert(1); + } +` const SponsorLogo = styled.img` height: 70px; diff --git a/src/components/RankAndArtifactCount.tsx b/src/components/RankAndArtifactCount.tsx index ac31a56c..ba797e3a 100644 --- a/src/components/RankAndArtifactCount.tsx +++ b/src/components/RankAndArtifactCount.tsx @@ -13,17 +13,20 @@ interface IRankAndArtifactCount { matchFundPooled: number } -const RankAndArtifactCount = ({ rank, count, seasonIsActive, totalSales, matchFundPooled }: IRankAndArtifactCount) => ( - - - - {!seasonIsActive && ( - - Season 2 ended - - )} - -) +const RankAndArtifactCount = ({ rank, count, seasonIsActive, totalSales, matchFundPooled }: IRankAndArtifactCount) => { + console.log('seasonIsActive ::: ', seasonIsActive) + return ( + + + + {!seasonIsActive && ( + + Season 2 ended + + )} + + ) +} const SubmissionEnded = styled.div` display: flex;