fix link in new item socket alert

Author: tom2drum

ui/address/AddressBlocksValidated.tsx

@@ -116,7 +116,6 @@ const AddressBlocksValidated = ({ shouldRender = true, isQueryEnabled = true }:
           </TableHeaderSticky>
           <TableBody>
             <SocketNewItemsNotice.Desktop
-              url={ window.location.href }
               num={ newItemsCount }
               alert={ socketAlert }
               type="block"
@@ -136,7 +135,6 @@ const AddressBlocksValidated = ({ shouldRender = true, isQueryEnabled = true }:
       <Box hideFrom="lg">
         { query.pagination.page === 1 && (
           <SocketNewItemsNotice.Mobile
-            url={ window.location.href }
             num={ newItemsCount }
             alert={ socketAlert }
             type="block"

ui/address/AddressTokenTransfers.tsx

@@ -197,7 +197,6 @@ const AddressTokenTransfers = ({ overloadCount = OVERLOAD_COUNT, shouldRender =
       <Box hideFrom="lg">
         { pagination.page === 1 && (
           <SocketNewItemsNotice.Mobile
-            url={ window.location.href }
             num={ newItemsCount }
             alert={ socketAlert }
             type="token_transfer"

ui/blocks/BlocksContent.tsx

@@ -90,7 +90,6 @@ const BlocksContent = ({ type, query, enableSocket = true, top }: Props) => {
       <Box hideFrom="lg">
         { query.pagination.page === 1 && enableSocket && (
           <SocketNewItemsNotice.Mobile
-            url={ window.location.href }
             num={ newItemsCount }
             alert={ socketAlert }
             type="block"

ui/blocks/BlocksTable.tsx

@@ -67,7 +67,6 @@ const BlocksTable = ({ data, isLoading, top, page, showSocketInfo, socketInfoNum
         <TableBody>
           { showSocketInfo && (
             <SocketNewItemsNotice.Desktop
-              url={ window.location.href }
               alert={ socketInfoAlert }
               num={ socketInfoNum }
               type="block"

ui/shared/SocketNewItemsNotice.tsx

@@ -14,13 +14,17 @@ interface Props {
   type?: 'transaction' | 'token_transfer' | 'deposit' | 'block';
   children?: (props: InjectedProps) => React.JSX.Element;
   className?: string;
-  url: string;
+  url?: string;
   alert?: string;
   num?: number;
   isLoading?: boolean;
 }
 
 const SocketNewItemsNotice = chakra(({ children, className, url, num, alert, type = 'transaction', isLoading }: Props) => {
+  const handleLinkClick = React.useCallback(() => {
+    window.location.reload();
+  }, []);
+
   const alertContent = (() => {
     if (alert) {
       return alert;
@@ -49,7 +53,7 @@ const SocketNewItemsNotice = chakra(({ children, className, url, num, alert, typ
 
     return (
       <>
-        <Link href={ url }>{ num.toLocaleString() } more { name }{ num > 1 ? 's' : '' }</Link>
+        <Link href={ url } onClick={ !url ? handleLinkClick : undefined }>{ num.toLocaleString() } more { name }{ num > 1 ? 's' : '' }</Link>
         <Text whiteSpace="pre"> ha{ num > 1 ? 've' : 's' } come in</Text>
       </>
     );

ui/shared/TokenTransfer/TokenTransferTable.tsx

@@ -47,7 +47,6 @@ const TokenTransferTable = ({
         <TableBody>
           { showSocketInfo && (
             <SocketNewItemsNotice.Desktop
-              url={ window.location.href }
               alert={ socketInfoAlert }
               num={ socketInfoNum }
               type="token_transfer"

ui/showcases/Alert.tsx

@@ -76,7 +76,6 @@ const AlertShowcase = () => {
               </TableHeader>
               <TableBody>
                 <SocketNewItemsNotice.Desktop
-                  url={ window.location.href }
                   num={ 1234 }
                   type="block"
                   isLoading
@@ -95,7 +94,6 @@ const AlertShowcase = () => {
               </TableHeader>
               <TableBody>
                 <SocketNewItemsNotice.Desktop
-                  url={ window.location.href }
                   num={ 1234 }
                   type="block"
                   isLoading={ false }

ui/token/TokenTransfer/TokenTransfer.tsx

@@ -89,7 +89,6 @@ const TokenTransfer = ({ transfersQuery, tokenId, tokenQuery, tabsHeight = TABS_
       <Box display={{ base: 'block', lg: 'none' }}>
         { pagination.page === 1 && (
           <SocketNewItemsNotice.Mobile
-            url={ window.location.href }
             num={ newItemsCount }
             alert={ socketAlert }
             type="token_transfer"

ui/token/TokenTransfer/TokenTransferTable.tsx

@@ -47,7 +47,6 @@ const TokenTransferTable = ({ data, top, showSocketInfo, socketInfoAlert, socket
         <TableBody>
           { showSocketInfo && (
             <SocketNewItemsNotice.Desktop
-              url={ window.location.href }
               alert={ socketInfoAlert }
               num={ socketInfoNum }
               type="token_transfer"

ui/txs/socket/TxsSocketNoticeTypeAddress.tsx

@@ -21,7 +21,6 @@ const TxsSocketNoticeTypeAddress = ({ place, isLoading }: Props) => {
   if (place === 'table') {
     return (
       <SocketNewItemsNotice.Desktop
-        url={ window.location.href }
         alert={ alertText }
         num={ num }
         isLoading={ isLoading }
@@ -32,7 +31,6 @@ const TxsSocketNoticeTypeAddress = ({ place, isLoading }: Props) => {
   if (place === 'list') {
     return (
       <SocketNewItemsNotice.Mobile
-        url={ window.location.href }
         num={ num }
         alert={ alertText }
         isLoading={ isLoading }

ui/txs/socket/TxsSocketNoticeTypeAll.tsx

@@ -22,7 +22,6 @@ const TxsSocketNoticeTypeAll = ({ type, place, isLoading }: Props) => {
   if (place === 'table') {
     return (
       <SocketNewItemsNotice.Desktop
-        url={ window.location.href }
         alert={ alertText }
         num={ num }
         isLoading={ isLoading }
@@ -33,7 +32,6 @@ const TxsSocketNoticeTypeAll = ({ type, place, isLoading }: Props) => {
   if (place === 'list') {
     return (
       <SocketNewItemsNotice.Mobile
-        url={ window.location.href }
         num={ num }
         alert={ alertText }
         isLoading={ isLoading }