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!
+
+
-
+ {/*
@@ -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