diff --git a/apps/web/src/app/(index)/page.tsx b/apps/web/src/app/(index)/page.tsx index 154db2a..5f16265 100644 --- a/apps/web/src/app/(index)/page.tsx +++ b/apps/web/src/app/(index)/page.tsx @@ -36,7 +36,7 @@ const LandingCard: FC = ({ heading, children, className, buttonText, {children} - @@ -80,7 +80,7 @@ export default function Home() { heading="Transactions" buttonLink="/transactions" buttonText="Explore Transactions" - className="basis-[45%] w-full max-w-screen-sm" + className="sm:basis-[45%] w-full max-w-screen-sm" children={ = ({ params }) => { }); return ( -
+

Block Summary

diff --git a/apps/web/src/app/(main)/blocks/page.tsx b/apps/web/src/app/(main)/blocks/page.tsx index c19666b..a144e57 100644 --- a/apps/web/src/app/(main)/blocks/page.tsx +++ b/apps/web/src/app/(main)/blocks/page.tsx @@ -27,7 +27,7 @@ const Page = () => { }); return ( -
+

Recent Blocks

diff --git a/apps/web/src/app/(main)/ibc/channel/[id]/page.tsx b/apps/web/src/app/(main)/ibc/channel/[id]/page.tsx index 2c9389a..40414fc 100644 --- a/apps/web/src/app/(main)/ibc/channel/[id]/page.tsx +++ b/apps/web/src/app/(main)/ibc/channel/[id]/page.tsx @@ -26,13 +26,13 @@ const Page : FC = ({ params }) => { }); return ( -
+

IBC Channel

{/* TODO: don't forget to remove this extra pb-8 once Channel is cleaned up. */} -
+
diff --git a/apps/web/src/app/(main)/ibc/channels/page.tsx b/apps/web/src/app/(main)/ibc/channels/page.tsx index 17655a6..fdd819f 100644 --- a/apps/web/src/app/(main)/ibc/channels/page.tsx +++ b/apps/web/src/app/(main)/ibc/channels/page.tsx @@ -25,7 +25,7 @@ const Page = () => { }); return ( -
+

IBC Channels

diff --git a/apps/web/src/app/(main)/ibc/client/[id]/page.tsx b/apps/web/src/app/(main)/ibc/client/[id]/page.tsx index c5bc7a9..5eae53f 100644 --- a/apps/web/src/app/(main)/ibc/client/[id]/page.tsx +++ b/apps/web/src/app/(main)/ibc/client/[id]/page.tsx @@ -26,7 +26,7 @@ const Page : FC = ({ params }) => { }); return ( -
+

IBC Client

diff --git a/apps/web/src/app/(main)/ibc/clients/page.tsx b/apps/web/src/app/(main)/ibc/clients/page.tsx index a4d3900..0c48328 100644 --- a/apps/web/src/app/(main)/ibc/clients/page.tsx +++ b/apps/web/src/app/(main)/ibc/clients/page.tsx @@ -25,7 +25,7 @@ const Page = () => { }); return ( -
+

IBC Clients

diff --git a/apps/web/src/app/(main)/ibc/connection/[id]/page.tsx b/apps/web/src/app/(main)/ibc/connection/[id]/page.tsx index 0ea9b85..b41662e 100644 --- a/apps/web/src/app/(main)/ibc/connection/[id]/page.tsx +++ b/apps/web/src/app/(main)/ibc/connection/[id]/page.tsx @@ -27,7 +27,7 @@ const Page : FC = ({ params }) => { }); return ( -
+

IBC Connection

diff --git a/apps/web/src/app/(main)/ibc/connections/page.tsx b/apps/web/src/app/(main)/ibc/connections/page.tsx index c46d25f..e4c2903 100644 --- a/apps/web/src/app/(main)/ibc/connections/page.tsx +++ b/apps/web/src/app/(main)/ibc/connections/page.tsx @@ -25,8 +25,10 @@ const Page = () => { }); return ( -
-

IBC Channels

+
+
+

IBC Connections

+
= ({ params }) => { }); return ( -
-

Search results

+
+

Search results

diff --git a/apps/web/src/app/(main)/transaction/[hash]/page.tsx b/apps/web/src/app/(main)/transaction/[hash]/page.tsx index 1c0896a..d6d6725 100644 --- a/apps/web/src/app/(main)/transaction/[hash]/page.tsx +++ b/apps/web/src/app/(main)/transaction/[hash]/page.tsx @@ -28,7 +28,7 @@ const Page : FC = ({ params }) => { }); return ( -
+

Transaction Summary

diff --git a/apps/web/src/app/(main)/transactions/page.tsx b/apps/web/src/app/(main)/transactions/page.tsx index 252183b..a817035 100644 --- a/apps/web/src/app/(main)/transactions/page.tsx +++ b/apps/web/src/app/(main)/transactions/page.tsx @@ -28,8 +28,8 @@ const Page = () => { }); return ( -
-
+
+

Recent Transactions

diff --git a/apps/web/src/components/ABCIEventsTable/columns.tsx b/apps/web/src/components/ABCIEventsTable/columns.tsx index ff31897..91fc15a 100644 --- a/apps/web/src/components/ABCIEventsTable/columns.tsx +++ b/apps/web/src/components/ABCIEventsTable/columns.tsx @@ -10,7 +10,7 @@ export const makeColumns = ( header: string ) => { const columns : Array> = [ { id: "type", - header: () =>
{header}
, + header: () =>
{header}
, columns: [ { accessorKey: "key", diff --git a/apps/web/src/components/Block/index.tsx b/apps/web/src/components/Block/index.tsx index 1b915e0..9fff1b3 100644 --- a/apps/web/src/components/Block/index.tsx +++ b/apps/web/src/components/Block/index.tsx @@ -24,15 +24,15 @@ export const Block : FC = ({ endpoint, queryName, ht }) => { return (
-

Block Height

+

Block Height

{ht}
-

Timestamp

+

Timestamp

{created_at}
-

Transactions

+

Transactions

{/* eslint-disable-next-line @typescript-eslint/naming-convention */} {tx_hashes.length !== 0 ? ( tx_hashes.map((hash, i) => ( diff --git a/apps/web/src/components/Embedded/index.tsx b/apps/web/src/components/Embedded/index.tsx index 2dc3b41..1711e60 100644 --- a/apps/web/src/components/Embedded/index.tsx +++ b/apps/web/src/components/Embedded/index.tsx @@ -41,19 +41,20 @@ export const TwitterEmbed: FC<{ className?: string }> = ({ className }) => { - @penumbrazone on Twitter + Recent Updates - +
diff --git a/apps/web/src/components/Navbar/index.tsx b/apps/web/src/components/Navbar/index.tsx index 45b0411..dd90dd2 100644 --- a/apps/web/src/components/Navbar/index.tsx +++ b/apps/web/src/components/Navbar/index.tsx @@ -71,13 +71,15 @@ const Breadcrumbs : FC<{ pathName: string }>= ({ pathName }) => { const isIbc = segments.length >= 2 ? isIbcPath(segments) : false; const isBlockOrTx = segments.length === 2 && segments[0] === "block" || segments[0] === "transaction"; const isTable = isTablePath(segments); + const isSearch = segments.length === 2 && segments[0] === "search"; - // Handle case of /{transactions|blocks} and /ibc/{clients|channels|connections} - if (isTable) { + console.log("building breadcrumb...", isSearch); + // Handle case of /{transactions|blocks}, /ibc/{clients|channels|connections}, /search + if (isTable || isSearch) { // /{transactions|blocks|clients|channels|connections} const parent = isIbc ? segments[1] : segments[0]; const _href = isIbc ? `/ibc/${parent}` : `/${parent}`; - const linkText = isIbc ? `IBC ${capitalize(parent)}` : `Recent ${capitalize(parent)}`; + const linkText = isIbc ? `IBC ${capitalize(parent)}` : isSearch ? `${capitalize(parent)}` : `Recent ${capitalize(parent)}`; return ( @@ -105,7 +107,7 @@ const Breadcrumbs : FC<{ pathName: string }>= ({ pathName }) => { const tableRef = isIbc ? `/ibc/${parentTable}` : `/${parentTable}`; const _href = isIbc ? `/ibc/${parent}/${slug}` : `/${parent}/${slug}`; // Same prefixing but for the "current" breadcrumb - const linkText = isIbc ? `IBC ${capitalize(parent)} Summary` : `${capitalize(parent)} Summary`; + const linkText = `${capitalize(parent)} Summary`; return ( diff --git a/apps/web/src/components/Transaction/index.tsx b/apps/web/src/components/Transaction/index.tsx index 79c2b80..e18f086 100644 --- a/apps/web/src/components/Transaction/index.tsx +++ b/apps/web/src/components/Transaction/index.tsx @@ -23,7 +23,7 @@ export const Transaction : FC = ({ endpoint, queryName, hash } return (
-

Hash

+

Hash

{/* TODO: this width on smaller screens is pretty arbitrary and there's a few instances of this now through the codebase. revisit and implement as consistent tailwind variables. */} {/* TODO: also at the point where JS should be used for copying to clipboard which mitigates most text overflow issues and opens up stylings for improvement. */} 
@@ -31,7 +31,7 @@ export const Transaction : FC = ({ endpoint, queryName, hash }
-

Block Height

+

Block Height

             {txResult.height.toString()}
@@ -39,11 +39,11 @@ export const Transaction : FC = ({ endpoint, queryName, hash }
-

Timestamp

+

Timestamp

{txResult.created_at}
-

+

Transaction Data 

diff --git a/apps/web/src/components/TransactionView/index.tsx b/apps/web/src/components/TransactionView/index.tsx
index a587fa1..5bd1f73 100644
--- a/apps/web/src/components/TransactionView/index.tsx
+++ b/apps/web/src/components/TransactionView/index.tsx
@@ -42,7 +42,7 @@ export const TransactionView : FC = ({ tx }) => {
   const txView = makeTransactionView(Transaction.fromJson(tx, { typeRegistry: ibcRegistry }));
   return (
     
-      
Transaction View

+      
Transaction View

       {txView.bodyView ?  : "None"}
       {txView.bindingSig ?  : null}
       {txView.anchor ?  : null}
diff --git a/apps/web/src/components/ibc/Channel/index.tsx b/apps/web/src/components/ibc/Channel/index.tsx
index e823555..f132cb2 100644
--- a/apps/web/src/components/ibc/Channel/index.tsx
+++ b/apps/web/src/components/ibc/Channel/index.tsx
@@ -22,38 +22,38 @@ export const Channel : FC = ({ endpoint, queryName, channelId }) =
   });
 
   return (
-    

+    

       

-        
Channel ID

+        
Channel ID

         
{channelId}

       

       

-        
Client ID

+        
Client ID

         
           
{data.clientId}

         
       

       

-        
Counterparty Height

+        
Counterparty Height

         
{data.consensusHeight}

       

       

-        
Connection IDs

+        
Connection IDs

         
           
{data.connectionId}

         
       

       

-        
Recent Transactions

+        
Recent Transactions

         

           {data.recentTxs.map((hash, i) => (
-            
+            
               
                 {hash}
               

diff --git a/apps/web/src/components/ibc/Client/index.tsx b/apps/web/src/components/ibc/Client/index.tsx
index 41dd1f2..4be5093 100644
--- a/apps/web/src/components/ibc/Client/index.tsx
+++ b/apps/web/src/components/ibc/Client/index.tsx
@@ -34,21 +34,21 @@ export const Client : FC = ({ endpoint, queryName, clientId }) => {
   // const header = events.find(({ key }) => key === "header")?.value ?? "NONE";
 
   return (
-    

+    

       

-        
Client ID

+        
Client ID

         
{client_id}

       

       

-        
Client Type

+        
Client Type

         
{clientType}

       

       

-        
Counterparty Height

+        
Counterparty Height

         
{consensusHeight}

       

       

-        
Connection IDs

+        
Connection IDs

          = ({ endpoint, queryName, clientId }) => {
         
       

       

-        
Channel IDs

+        
Channel IDs

         

           {channels.map((channelId, i) => (
             > = [
   {
     accessorKey: "connection_id",
-    header: () => 
Channel ID
,
+    header: () => 
Connection ID
,
     cell: ({ getValue }) => {
       const connectionId = getValue() as string;
       return 
{connectionId}
;
diff --git a/apps/web/src/components/ui/button.tsx b/apps/web/src/components/ui/button.tsx
index 287a627..1d48316 100644
--- a/apps/web/src/components/ui/button.tsx
+++ b/apps/web/src/components/ui/button.tsx
@@ -5,11 +5,11 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "@/lib/utils";
 
 const buttonVariants = cva(
-  "border inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        default: "bg-primary text-primary-foreground hover:bg-accent/90",
         destructive:
           "bg-destructive text-destructive-foreground hover:bg-destructive/90",
         outline:
diff --git a/apps/web/src/components/ui/paginated-data-table.tsx b/apps/web/src/components/ui/paginated-data-table.tsx
index 6350342..aef06e5 100644
--- a/apps/web/src/components/ui/paginated-data-table.tsx
+++ b/apps/web/src/components/ui/paginated-data-table.tsx
@@ -1,6 +1,7 @@
 import { ColumnDef, Table as TableT, flexRender } from "@tanstack/react-table";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./Table";
 import { Button } from "./button";
+import { ChevronLeft, ChevronRight } from "lucide-react";
 
 interface PaginatedDataTableProps {
   table: TableT,
@@ -56,14 +57,15 @@ export function PaginatedDataTable ({ table, columns } : Paginate
         
       
     

-    

+