diff --git a/src/containers/Bolts/index.tsx b/src/containers/Bolts/index.tsx index 68beb0f1..c7680187 100644 --- a/src/containers/Bolts/index.tsx +++ b/src/containers/Bolts/index.tsx @@ -8,6 +8,7 @@ import Image from '~/assets/quests-img.png' import styled from 'styled-components' import Leaderboard from '~/containers/Bolts/Leaderboard' import { useStoreState, useStoreActions } from '~/store' +import DataCard from '~/containers/Analytics/DataCard' const Bolts = () => { const { account } = useActiveWeb3React() @@ -21,18 +22,32 @@ const Bolts = () => { useEffect(() => { fetchData({ account } as { account: string | null }) }, [account, fetchData]) - return (
Bolts Welcome Vault Keepers!
+
+ + + + +
+
Leaderboard
-
+ {/*
@@ -47,7 +62,7 @@ const Bolts = () => {

-
+
*/}
Quests @@ -81,6 +96,20 @@ const Bolts = () => { ) } +const FlexMultipleRow = styled.div` + display: flex; + gap: 24px; + margin-bottom: 24px; + + ${({ theme }) => theme.mediaWidth.upToSmall` + display: block; + + & div { + margin-bottom: 24px; + } + `} +` + const Container = styled.div` margin: 80px auto; max-width: 1362px; diff --git a/src/model/boltsModel.ts b/src/model/boltsModel.ts index e2a7e8bb..eff8781a 100644 --- a/src/model/boltsModel.ts +++ b/src/model/boltsModel.ts @@ -17,8 +17,9 @@ export interface BoltsModel { userBoltsData: { rank: string bolts: string + multiplier: string } - setUserBoltsData: Action + setUserBoltsData: Action leaderboardData: LeaderboardUser[] setLeaderboardData: Action @@ -42,6 +43,7 @@ const boltsModel: BoltsModel = { userBoltsData: { rank: '', bolts: '', + multiplier: '', }, setUserBoltsData: action((state, payload) => { state.userBoltsData = payload