Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-08-27 21:55:15 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

bg for progress in light

Browse Source
This commit is contained in:
Sendou
2020-05-27 15:01:15 +03:00
parent 1db199f704
commit 9e1dbb7047
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend-react/src/components/analyzer/BuildStats.tsx
View File

@@ -83,7 +83,9 @@ const BuildStats: React.FC<BuildStatsProps> = ({
toggleChart,
progressBarValue = 0,
}) => {
const { darkerBgColor, themeColorWithShade } = useContext(MyThemeContext)
const { darkerBgColor, themeColorWithShade, colorMode } = useContext(
MyThemeContext
)
return (
<>
@@ -131,6 +133,7 @@ const BuildStats: React.FC<BuildStatsProps> = ({
value={progressBarValue}
hasStripe
isAnimated
bg={colorMode === "dark" ? "#464b64" : `orange.100`}
/>
{otherEffect && (
<>
@@ -140,6 +143,7 @@ const BuildStats: React.FC<BuildStatsProps> = ({
value={otherProgressBarValue}
hasStripe
isAnimated
bg={colorMode === "dark" ? "#464b64" : `blue.100`}
/>
<Flex justifyContent="space-between">
<Box />

3
frontend-react/src/components/plus/Voting.tsx
View File

@@ -36,7 +36,7 @@ const Voting: React.FC<VotingProps> = ({
votedSoFar,
eligibleVoters,
}) => {
const { themeColor, grayWithShade } = useContext(MyThemeContext)
const { themeColor, grayWithShade, colorMode } = useContext(MyThemeContext)
const { data, loading, error } = useQuery<UsersForVotingData>(
USERS_FOR_VOTING
)
@@ -149,6 +149,7 @@ const Voting: React.FC<VotingProps> = ({
<Progress
value={(votedSoFar / eligibleVoters) * 100}
color={themeColor}
bg={colorMode === "dark" ? "#464b64" : `${themeColor}.100`}
/>
{votedSoFar}/{eligibleVoters} voted so far
</Box>