diff --git a/src/components/General/RightSideBar/ValidatorsTabs/SearchValidatorsInput.stories.tsx b/src/components/General/RightSideBar/ValidatorsTabs/SearchValidatorsInput.stories.tsx index 454a1884..6ccd0831 100644 --- a/src/components/General/RightSideBar/ValidatorsTabs/SearchValidatorsInput.stories.tsx +++ b/src/components/General/RightSideBar/ValidatorsTabs/SearchValidatorsInput.stories.tsx @@ -1,5 +1,6 @@ import { useState } from 'react' import type { Meta, StoryObj } from '@storybook/react' + import SearchValidatorsInput from './SearchValidatorsInput' const meta = { diff --git a/src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx b/src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx index 6bb491f6..4eba1b1a 100644 --- a/src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx +++ b/src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx @@ -8,8 +8,8 @@ import DashboardCardWrapper from '../DashboardCardWrapper' import LineChart from './LineChart' import Icon from '../../../components/General/Icon' import { years } from '../../../constants' -import './calendar.css' import { getMonthIndicesFromRange } from '../../../utilities' +import './calendar.css' const userGains = [ 10000, 15000, 17500, 20000, 19000, 23222, 25000, 20000, 20000, 21000, 22300, 21000, diff --git a/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx b/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx index d6607376..dc5b3342 100644 --- a/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx +++ b/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx @@ -6,6 +6,7 @@ import Icon from '../../../components/General/Icon' const ConsensusUptimeCard = () => { const monthlyActivity = [3, 0, 5, 4, 6, 7, 8, 9, 10, 1, 2, 3] + return ( ( diff --git a/src/pages/Dashboard/DashboardContent.tsx b/src/pages/Dashboard/DashboardContent.tsx index 43c277b6..b64842d4 100644 --- a/src/pages/Dashboard/DashboardContent.tsx +++ b/src/pages/Dashboard/DashboardContent.tsx @@ -1,4 +1,5 @@ import { Stack, XStack, YStack } from 'tamagui' +import { useEffect, useState } from 'react' import BasicInfoCards from './BasicInfoCards/BasicInfoCards' import AddCardsContainer from '../../components/General/AddCards/AddCardsContainer' @@ -12,7 +13,7 @@ import StorageCard from './StorageCard/StorageCard' import NetworkCard from './NetworkCard/NetworkCard' import SyncStatusCard from './SyncStatusCards/SyncStatusCards' import MemoryCard from './MemoryCard/MemoryCard' -import { useEffect, useState } from 'react' + const DashboardContent = () => { const [windowWidth, setWindowWidth] = useState(window.innerWidth) @@ -26,21 +27,21 @@ const DashboardContent = () => { window.removeEventListener('resize', handleResize) } }, []) + return ( - { > - - - @@ -64,7 +62,6 @@ const DashboardContent = () => { - diff --git a/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx b/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx index 51c339a0..ad967c15 100644 --- a/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx +++ b/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx @@ -3,10 +3,10 @@ import { Stack, XStack, YStack } from 'tamagui' import { DateRange } from 'react-day-picker' import { useState } from 'react' -import UptimeChart from '../UptimeChart/UptimeChart' import Icon from '../../../components/General/Icon' -import { getMonthIndicesFromRange } from '../../../utilities' +import UptimeChart from '../UptimeChart/UptimeChart' import DashboardCardWrapper from '../DashboardCardWrapper' +import { getMonthIndicesFromRange } from '../../../utilities' const DeviceUptime = () => { const [isCalendarVisible, setIsCalendarVisible] = useState(false) diff --git a/src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx b/src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx index 27442d10..eb1db77e 100644 --- a/src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx +++ b/src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx @@ -1,11 +1,9 @@ import { Separator, Stack, XStack, YStack } from 'tamagui' import { Shadow, Text } from '@status-im/components' import { SwapIcon } from '@status-im/icons' -import { CSSProperties } from 'react' import { formatNumbersWithComa } from '../../../utilities' import IconText from '../../../components/General/IconText' - import StandardGauge from '../../../components/Charts/StandardGauge' type ExecutionClientCardProps = { @@ -28,10 +26,9 @@ const ExecutionClientCard = ({ value, total }: ExecutionClientCardProps) => { color: '#E7EAEE', }, ] - const style: CSSProperties = {} return ( - +