Closed Defi-Moses closed 1 week ago
The updates primarily focus on improving and enhancing the Explorer-UI components by refining styles, restructuring JSX elements, optimizing date/time formatting, and introducing a new Arrow
component. Several functions and props received updates for better styling flexibility, and the overall user experience has been enhanced with subtle adjustments.
File | Summary |
---|---|
BridgeTransactionTable.tsx |
Modified imports, restructured JSX elements, adjusted date formatting, and refined logic for displaying transaction details. |
TableBody.tsx |
Updated className attribute in the TableRow component for dynamic styling based on the row index. |
icons/Arrow.tsx |
New file introducing Arrow , a React functional component rendering a customizable SVG arrow graphic. |
misc/ChainInfo.tsx |
Updated ChainInfoProps interface to include className ; ChainInfo function now accepts and applies this property for additional styling. |
misc/IconAndAmount.tsx |
Added className parameter to IconAndAmount for extended styling customization; included a <span> for token symbols in JSX. |
misc/StyleAddress.tsx |
Modified className attribute in <a> tag; added logic to manipulate href attribute. |
utils/timeAgo.ts |
Improved timeAgo function by changing time period abbreviations and removing suffixes from time period descriptions. |
pages/Home/index.tsx |
Converted Home function component to an arrow function; made structural and styling adjustments to JSX elements. |
In bytes and bits, my code did grow, The colors danced, the temps did show, An arrow here, a styled flair, Explore, enhance, with utmost care.
— CodeRabbit 🐇✨
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
All modified and coverable lines are covered by tests :white_check_mark:
Project coverage is 25.85491%. Comparing base (
1183ca8
) to head (3d6e97f
). Report is 30 commits behind head on master.
:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.
Latest commit: |
3d6e97f
|
Status: | ✅ Deploy successful! |
Preview URL: | https://5f335c2b.sanguine-fe.pages.dev |
Branch Preview URL: | https://feat-explorer-ui-upgrades.sanguine-fe.pages.dev |
Are the time stamps supposed to be this far left-aligned?
Yes, this is what was outlined in the designs -- happy to right align if that looks neater
Fixes some styling for the bridge transaction table and the color style guide.
Summary by CodeRabbit
New Features
Arrow
component for customizable SVG arrow graphics.ChainInfo
andIconAndAmount
components to accept aclassName
for enhanced styling customization.Enhancements
timeAgo
function.Bug Fixes
StyleAddress
component to correcthref
attribute manipulation and remove unnecessary hover class.Refactor
Home
component to an arrow function and revised its structure and styling.8a928698a287afede889c84154c2345413519484: explorer-ui preview link 73e2060a962cc612cf94eddbaf476f0388aa36f5: explorer-ui preview link