diff --git a/packages/next-common/components/identityTimeline/timeline/blockHeight.js b/packages/next-common/components/identityTimeline/timeline/blockHeight.js index 8092494b5b..d6926fbd8e 100644 --- a/packages/next-common/components/identityTimeline/timeline/blockHeight.js +++ b/packages/next-common/components/identityTimeline/timeline/blockHeight.js @@ -11,7 +11,7 @@ const BlockIcon = tw(InfoBlock)` export default function BlockHeight({ number }) { return (
- +
{number}
); diff --git a/packages/next-common/components/identityTimeline/timeline/blockTime.js b/packages/next-common/components/identityTimeline/timeline/blockTime.js index d2f7042c87..2e89cd28d2 100644 --- a/packages/next-common/components/identityTimeline/timeline/blockTime.js +++ b/packages/next-common/components/identityTimeline/timeline/blockTime.js @@ -13,7 +13,7 @@ const ClockIcon = tw(InfoTime)` export default function BlockTime({ ts }) { return (
- +
{dayjs(ts).format("YYYY-MM-DD HH:mm:ss")}
diff --git a/packages/next-common/components/identityTimeline/timeline/item.js b/packages/next-common/components/identityTimeline/timeline/item.js index 55ce759a73..68239cf114 100644 --- a/packages/next-common/components/identityTimeline/timeline/item.js +++ b/packages/next-common/components/identityTimeline/timeline/item.js @@ -10,14 +10,14 @@ const NavigationLine = tw.div` const TopLine = tw.div` w-[2px] - ${(p) => p.isFirst && "mt-[4px] h-[4px]"} - ${(p) => !p.isFirst && "h-[8px] bg-theme300"} + ${(p) => p.$isFirst && "mt-[4px] h-[4px]"} + ${(p) => !p.$isFirst && "h-[8px] bg-theme300"} `; const BottomLine = tw.div` w-[2px] grow - ${(p) => !p.isLast && "bg-theme300"} + ${(p) => !p.$isLast && "bg-theme300"} `; const InfoPanel = tw.div` @@ -46,9 +46,9 @@ export default function TimelineItem({ return (
- + - + {fields.map((field, index) => (
- {field[0]} - {field[1]} + {field[0]} + {field[1]}
))} diff --git a/packages/next-common/components/identityTimeline/timeline/itemHeader.js b/packages/next-common/components/identityTimeline/timeline/itemHeader.js index 2ee0df54d0..8b34f44c06 100644 --- a/packages/next-common/components/identityTimeline/timeline/itemHeader.js +++ b/packages/next-common/components/identityTimeline/timeline/itemHeader.js @@ -15,14 +15,16 @@ export default function TimelineItemInfoHeader({ item }) {
+ > + Extrinsic + {!isNil(item.indexer.eventIndex) && ( + > + Event + )}
diff --git a/packages/next-common/components/identityTimeline/timeline/link.js b/packages/next-common/components/identityTimeline/timeline/link.js index 89d57da669..a51309b8df 100644 --- a/packages/next-common/components/identityTimeline/timeline/link.js +++ b/packages/next-common/components/identityTimeline/timeline/link.js @@ -1,9 +1,9 @@ import ExternalLink from "next-common/components/externalLink"; -export default function Link({ name, href }) { +export default function Link({ children, href }) { return ( - {name} + {children} ); } diff --git a/packages/next-common/components/profile/identityTimeline/index.js b/packages/next-common/components/profile/identityTimeline/index.js index 145437f684..34435aa245 100644 --- a/packages/next-common/components/profile/identityTimeline/index.js +++ b/packages/next-common/components/profile/identityTimeline/index.js @@ -10,6 +10,7 @@ import { } from "next-common/store/reducers/profile/identityTimeline"; import { useSelector } from "react-redux"; import useIsMounted from "next-common/utils/hooks/useIsMounted"; +import ExternalLink from "next-common/components/externalLink"; function useIdentityTimeline() { const dispatch = useDispatch(); @@ -64,11 +65,21 @@ function useIdentityTimeline() { } export default function ProfileIdentityTimeline() { + const chain = useChain(); + const address = useProfileAddress(); const timeline = useIdentityTimeline(); return ( +
+ + View More + +
); } diff --git a/packages/next-common/components/profile/tabs/content.js b/packages/next-common/components/profile/tabs/content.js index ab2eeef8ff..6e42b66ef9 100644 --- a/packages/next-common/components/profile/tabs/content.js +++ b/packages/next-common/components/profile/tabs/content.js @@ -26,9 +26,7 @@ export default function useProfileTabContent() { return ; } else if (pathname.startsWith(`/user/${maybeEvmAddress}/transfers`)) { return ; - } else if ( - pathname.startsWith(`/user/${maybeEvmAddress}/identity-timeline`) - ) { + } else if (pathname.startsWith(`/user/${maybeEvmAddress}/identity`)) { return ; } diff --git a/packages/next-common/components/profile/tabs/index.js b/packages/next-common/components/profile/tabs/index.js index 3e426a165a..8811394509 100644 --- a/packages/next-common/components/profile/tabs/index.js +++ b/packages/next-common/components/profile/tabs/index.js @@ -68,8 +68,8 @@ export default function useProfileTabs() { if (hasIdentityTimeline) { tabs.push({ - label: "Identity timeline", - url: `${prefix}identity-timeline`, + label: "Identity", + url: `${prefix}identity`, exactMatch: false, }); } diff --git a/packages/next-common/components/profile/transfers/index.js b/packages/next-common/components/profile/transfers/index.js index 3874b52710..d7f6453ac5 100644 --- a/packages/next-common/components/profile/transfers/index.js +++ b/packages/next-common/components/profile/transfers/index.js @@ -27,10 +27,9 @@ export default function ProfileTransfers() { return; } - fetch(`https://${chain}-api.statescan.io/accounts/${address}/transfers`, { - page, - pageSize: DEFAULT_PAGE_SIZE, - }) + fetch( + `https://${chain}-api.statescan.io/accounts/${address}/transfers?page=${page}&page_size=${DEFAULT_PAGE_SIZE}`, + ) .then((response) => { if (!response.ok) { throw new Error(response.statusText); @@ -50,7 +49,7 @@ export default function ProfileTransfers() { { e.stopPropagation(); e.preventDefault();