diff --git a/src/components/dashboard/Relaying/index.tsx b/src/components/dashboard/Relaying/index.tsx deleted file mode 100644 index 345b42b651..0000000000 --- a/src/components/dashboard/Relaying/index.tsx +++ /dev/null @@ -1,80 +0,0 @@ -import { WidgetBody, WidgetContainer } from '@/components/dashboard/styled' -import { Box, Card, Divider, Skeleton, Stack, SvgIcon, Typography } from '@mui/material' -import { MAX_HOUR_RELAYS, useRelaysBySafe } from '@/hooks/useRemainingRelays' -import { OVERVIEW_EVENTS } from '@/services/analytics' -import Track from '@/components/common/Track' -import InfoIcon from '@/public/images/notifications/info.svg' -import GasStationIcon from '@/public/images/common/gas-station.svg' -import ExternalLink from '@/components/common/ExternalLink' -import classnames from 'classnames' -import css from './styles.module.css' -import { HelpCenterArticle } from '@/config/constants' -import { useCurrentChain } from '@/hooks/useChains' -import { SPONSOR_LOGOS } from '@/components/tx/SponsoredBy' - -const Relaying = () => { - const chain = useCurrentChain() - const [relays, relaysError] = useRelaysBySafe() - - const limit = relays?.limit || MAX_HOUR_RELAYS - - return ( - - - New in {'Safe{Wallet}'} - - - - - - - - - - - Gas fees sponsored by - - {chain?.chainName} - - {chain?.chainName} - - - - Benefit from a gasless experience powered by Gelato and Safe. Experience gasless UX for the next - month! - - - Read more - - - - - - Transactions per hour - - {relays !== undefined ? ( - - - {relaysError ? ( - {limit} per hour - ) : ( - - {relays.remaining} of {limit} - - )} - - ) : ( - - )} - - - - - ) -} - -export default Relaying diff --git a/src/components/dashboard/Relaying/styles.module.css b/src/components/dashboard/Relaying/styles.module.css deleted file mode 100644 index cc02616d25..0000000000 --- a/src/components/dashboard/Relaying/styles.module.css +++ /dev/null @@ -1,33 +0,0 @@ -.relayingChip { - padding: var(--space-1); - border-radius: 6px; - height: 30px; - background-color: var(--color-secondary-light); - color: var(--color-static-main); - display: flex; - align-items: center; - gap: var(--space-1); -} - -.relayingChip.unavailable { - background-color: var(--color-error-light); -} - -.chipSkeleton { - height: 30px; - width: 80px; -} - -.icon { - padding: 4px; - border-radius: 6px; - border: 1.3px solid var(--color-text-primary); - width: 34px; - height: 34px; - margin-right: 12px; -} - -.gcLogo { - width: 16px; - height: 16px; -}