diff --git a/lib/hooks/useNewTxsSocket.tsx b/lib/hooks/useNewTxsSocket.tsx index bedae0049d..576ecec46f 100644 --- a/lib/hooks/useNewTxsSocket.tsx +++ b/lib/hooks/useNewTxsSocket.tsx @@ -57,11 +57,11 @@ export default function useNewTxsSocket() { }, [ setNum ]); const handleSocketClose = React.useCallback(() => { - setSocketAlert('Connection is lost. Please reload page.'); + setSocketAlert('Connection is lost. Please reload the page.'); }, []); const handleSocketError = React.useCallback(() => { - setSocketAlert('An error has occurred while fetching new transactions. Please reload page.'); + setSocketAlert('An error has occurred while fetching new transactions. Please reload the page.'); }, []); const channel = useSocketChannel({ diff --git a/ui/home/LatestBlocks.tsx b/ui/home/LatestBlocks.tsx index 417a8375f4..fd3f99e151 100644 --- a/ui/home/LatestBlocks.tsx +++ b/ui/home/LatestBlocks.tsx @@ -69,7 +69,7 @@ const LatestBlocks = () => { let content; if (isError) { - content = No data. Please reload page.; + content = No data. Please reload the page.; } if (data) { diff --git a/ui/home/LatestTxs.tsx b/ui/home/LatestTxs.tsx index 7246f93cbb..290bdf337e 100644 --- a/ui/home/LatestTxs.tsx +++ b/ui/home/LatestTxs.tsx @@ -26,7 +26,7 @@ const LatestTransactions = () => { const { num, socketAlert } = useNewTxsSocket(); if (isError) { - return No data. Please reload page.; + return No data. Please reload the page.; } if (data) { diff --git a/ui/home/LatestWatchlistTxs.tsx b/ui/home/LatestWatchlistTxs.tsx index 87bf0cf48d..89a12eb719 100644 --- a/ui/home/LatestWatchlistTxs.tsx +++ b/ui/home/LatestWatchlistTxs.tsx @@ -23,7 +23,7 @@ const LatestWatchlistTxs = () => { }); if (isError) { - return No data. Please reload page.; + return No data. Please reload the page.; } if (!data?.length) { diff --git a/ui/home/latestBatches/LatestArbitrumL2Batches.tsx b/ui/home/latestBatches/LatestArbitrumL2Batches.tsx index d13a9398f6..46e8495acf 100644 --- a/ui/home/latestBatches/LatestArbitrumL2Batches.tsx +++ b/ui/home/latestBatches/LatestArbitrumL2Batches.tsx @@ -53,7 +53,7 @@ const LatestArbitrumL2Batches = () => { let content; if (isError) { - content = No data. Please reload page.; + content = No data. Please reload the page.; } if (data) { diff --git a/ui/home/latestBatches/LatestZkEvmL2Batches.tsx b/ui/home/latestBatches/LatestZkEvmL2Batches.tsx index 21f0910828..02a74584ee 100644 --- a/ui/home/latestBatches/LatestZkEvmL2Batches.tsx +++ b/ui/home/latestBatches/LatestZkEvmL2Batches.tsx @@ -54,7 +54,7 @@ const LatestZkEvmL2Batches = () => { let content; if (isError) { - content = No data. Please reload page.; + content = No data. Please reload the page.; } if (data) { diff --git a/ui/home/latestDeposits/LatestArbitrumDeposits.tsx b/ui/home/latestDeposits/LatestArbitrumDeposits.tsx index 2031327410..1c22dbf79a 100644 --- a/ui/home/latestDeposits/LatestArbitrumDeposits.tsx +++ b/ui/home/latestDeposits/LatestArbitrumDeposits.tsx @@ -25,11 +25,11 @@ const LatestArbitrumDeposits = () => { const [ socketAlert, setSocketAlert ] = React.useState(''); const handleSocketClose = React.useCallback(() => { - setSocketAlert('Connection is lost. Please reload page.'); + setSocketAlert('Connection is lost. Please reload the page.'); }, []); const handleSocketError = React.useCallback(() => { - setSocketAlert('An error has occurred while fetching new transactions. Please reload page.'); + setSocketAlert('An error has occurred while fetching new transactions. Please reload the page.'); }, []); const handleNewDepositMessage: SocketMessage.NewArbitrumDeposits['handler'] = React.useCallback((payload) => { @@ -50,7 +50,7 @@ const LatestArbitrumDeposits = () => { }); if (isError) { - return No data. Please reload page.; + return No data. Please reload the page.; } if (data) { diff --git a/ui/home/latestDeposits/LatestOptimisticDeposits.tsx b/ui/home/latestDeposits/LatestOptimisticDeposits.tsx index 5483700146..cf950585b0 100644 --- a/ui/home/latestDeposits/LatestOptimisticDeposits.tsx +++ b/ui/home/latestDeposits/LatestOptimisticDeposits.tsx @@ -25,11 +25,11 @@ const LatestOptimisticDeposits = () => { const [ socketAlert, setSocketAlert ] = React.useState(''); const handleSocketClose = React.useCallback(() => { - setSocketAlert('Connection is lost. Please reload page.'); + setSocketAlert('Connection is lost. Please reload the page.'); }, []); const handleSocketError = React.useCallback(() => { - setSocketAlert('An error has occurred while fetching new transactions. Please reload page.'); + setSocketAlert('An error has occurred while fetching new transactions. Please reload the page.'); }, []); const handleNewDepositMessage: SocketMessage.NewOptimisticDeposits['handler'] = React.useCallback((payload) => { @@ -50,7 +50,7 @@ const LatestOptimisticDeposits = () => { }); if (isError) { - return No data. Please reload page.; + return No data. Please reload the page.; } if (data) {