Fix snapshot cards spacing

oasisprotocol · Feb 21, 2024 · 6036670 · 6036670
1 parent cec93f7
commit 6036670
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 9 deletions.
diff --git a/.changelog/1282.bugfix.md b/.changelog/1282.bugfix.md
@@ -0,0 +1 @@
+Fix snapshot cards spacing
diff --git a/src/app/pages/TokenDashboardPage/TokenSnapshot.tsx b/src/app/pages/TokenDashboardPage/TokenSnapshot.tsx
@@ -4,18 +4,15 @@ import Grid from '@mui/material/Grid'
 import Typography from '@mui/material/Typography'
 import { useScreenSize } from '../../hooks/useScreensize'
 import { useTheme } from '@mui/material/styles'
-import { styled } from '@mui/material/styles'
 import { useTranslation } from 'react-i18next'
 import { AppendMobileSearch } from '../../components/AppendMobileSearch'
 import { TokenSupplyCard } from './TokenSupplyCard'
 import { TokenHoldersCountCard } from './TokenHoldersCountCard'
 import { TokenTypeCard } from './TokenTypeCard'
 import { TokenTotalTransactionsCard } from './TokenTotalTransactionsCard'
 import { SearchScope } from '../../../types/searchScope'
+import { StyledGrid } from '../../components/Snapshots/Snapshot'
 
-const StyledGrid = styled(Grid)(() => ({
-  display: 'flex',
-}))
 export const TokenSnapshot: FC<{ scope: SearchScope; address: string }> = ({ scope, address }) => {
   const { t } = useTranslation()
 

diff --git a/src/app/pages/ValidatorDetailsPage/ValidatorSnapshot.tsx b/src/app/pages/ValidatorDetailsPage/ValidatorSnapshot.tsx
@@ -4,7 +4,6 @@ import Grid from '@mui/material/Grid'
 import Typography from '@mui/material/Typography'
 import { useScreenSize } from '../../hooks/useScreensize'
 import { useTheme } from '@mui/material/styles'
-import { styled } from '@mui/material/styles'
 import { useTranslation } from 'react-i18next'
 import { AppendMobileSearch } from '../../components/AppendMobileSearch'
 import { ExternalLinkCard } from './ExternalLinkCard'
@@ -13,10 +12,7 @@ import { UptimeCard } from './UptimeCard'
 import { VotingPowerCard } from './VotingPowerCard'
 import { BalanceDistributionCard } from './BalanceDistributionCard'
 import { Validator } from '../../../oasis-nexus/api'
-
-const StyledGrid = styled(Grid)(() => ({
-  display: 'flex',
-}))
+import { StyledGrid } from '../../components/Snapshots/Snapshot'
 
 type ValidatorSnapshotProps = {
   scope: SearchScope