new indexer instance

Author: Quint-S

src/main.tsx

@@ -7,7 +7,7 @@ import './index.css';  // Add this line
 
 
 const client = new ApolloClient({
-  uri: 'https://api.subquery.network/sq/torus-explorer/torus-indexer',
+  uri: 'https://api.subquery.network/sq/CommuneExplorer/torus-indexer',
   cache: new InMemoryCache(),
 })
 

src/pages/AccountExtrinsics.tsx

@@ -61,7 +61,7 @@ export const AccountExtrinsics = () => {
         {loading && <TerminalLoading/>}
         {error && <div>Error: {error.message}</div>}
         {data && <DataTable names={['Block #','Extrinsic Idx', 'Call', 'Account', 'Success']} records={data.extrinsics.nodes.map((extrinsic: { id: string; blockNumber: string; module: string; method: string; args: string; signer: string; success: boolean; }) => {
-          return {id: extrinsic.id, data: [extrinsic.blockNumber,
+          return {id: extrinsic.id, data: [<Link to={`/block/${extrinsic.blockNumber}`}>{extrinsic.blockNumber}</Link>,
               <Link to={`/extrinsic/${extrinsic.id}`}>{extrinsic.id}</Link>, `${extrinsic.module}::${extrinsic.method}`,
               <ResponsiveAddress address={extrinsic.signer}/>, extrinsic.success ?
                   <span style={{color: '#6cffb9'}}>✓</span> : <span style={{color: '#ff6c6c'}}>✗</span>

src/pages/AccountTransfers.tsx

@@ -67,7 +67,7 @@ export const AccountTransfers = () => {
               const formattedFrom = <ResponsiveAddress address={transfer.from}/>;
               const formattedTo = <ResponsiveAddress address={transfer.to}/>;
 
-              return {id: transfer.id, data: [formatTORUS(transfer.amount), transfer.from === address ? formattedFrom : <Link to={`/account/${transfer.from}`}>{formattedFrom}</Link>, transfer.to === address ? formattedTo : <Link to={`/account/${transfer.to}`}><ResponsiveAddress address={transfer.to}/></Link>, transfer.blockNumber, new Date(transfer.timestamp).toLocaleString()
+              return {id: transfer.id, data: [formatTORUS(transfer.amount), transfer.from === address ? formattedFrom : <Link to={`/account/${transfer.from}`}>{formattedFrom}</Link>, transfer.to === address ? formattedTo : <Link to={`/account/${transfer.to}`}><ResponsiveAddress address={transfer.to}/></Link>, <Link to={`/block/${transfer.blockNumber}`}>{transfer.blockNumber}</Link>, new Date(transfer.timestamp).toLocaleString()
                 ]}
             })} /></div>
         )}

src/pages/Events.tsx

@@ -4,6 +4,7 @@ import {useState} from "react";
 import {TerminalLoading} from "../components/TerminalLoading.tsx";
 import {PaginationControls} from "../components/PaginationControls.tsx";
 import {DataTable} from "../components/DataTable.tsx";
+import {Link} from "react-router-dom";
 
 const GET_EVENTS = gql`
   query GetEvents($first: Int!, $offset: Int!) {
@@ -49,7 +50,7 @@ export const Events = () => {
         {error && <div>Error: {error.message}</div>}
         {data && <DataTable names={['Block #', 'Event Idx', 'event']} records={data.events.nodes.map((event: { id: string; blockNumber: string; module: string; eventName: string; }) => {
           return {
-            id: event.id, data: [event.blockNumber, event.id, `${event.module}::${event.eventName}`
+            id: event.id, data: [<Link to={`/block/${event.blockNumber}`}>{event.blockNumber}</Link>, event.id, `${event.module}::${event.eventName}`
             ]
           }
         })}/>}

src/pages/Transfers.tsx

@@ -51,7 +51,7 @@ export const Transfers = () => {
       {loading && <TerminalLoading/>}
       {error && <div>Error: {error.message}</div>}
       {data && <DataTable names={['Amount', 'From', 'To', 'Height', 'Timestamp']} records={data.transfers.nodes.map((transfer: { id: string; amount: number; from: string; to: string; blockNumber: string; timestamp: string; }) => {
-        return {id: transfer.id, data: [<div className={'text-left pl-2'}>{formatTORUS(transfer.amount)}</div>, <Link to={`/account/${transfer.from}`}><ResponsiveAddress address={transfer.from}/></Link>, <Link to={`/account/${transfer.to}`}><ResponsiveAddress address={transfer.to}/></Link>, transfer.blockNumber, <TimeStamp timestamp={transfer.timestamp}/>
+        return {id: transfer.id, data: [<div className={'text-left pl-2'}>{formatTORUS(transfer.amount)}</div>, <Link to={`/account/${transfer.from}`}><ResponsiveAddress address={transfer.from}/></Link>, <Link to={`/account/${transfer.to}`}><ResponsiveAddress address={transfer.to}/></Link>, <Link to={`/block/${transfer.blockNumber}`}>{transfer.blockNumber}</Link>, <TimeStamp timestamp={transfer.timestamp}/>
           ]}
       })} />}
     </TerminalWindow>