Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: regression on stacking layout #5032

Merged
merged 1 commit into from
Mar 7, 2024
Merged

fix: regression on stacking layout #5032

merged 1 commit into from
Mar 7, 2024

Conversation

kyranjamie
Copy link
Collaborator

@kyranjamie kyranjamie commented Mar 6, 2024

Try out this version of Leather — Extension build, Test report

Regression from past fix of #4857

Something changed causing the layout to be broken onto two lines.

@kyranjamie kyranjamie force-pushed the fix/locked-spacing branch from da00396 to 6a861ba Compare March 6, 2024 09:40
@markmhendrickson
Copy link
Collaborator

Can we put a (visual) regression test in place for this?

@kyranjamie kyranjamie force-pushed the fix/locked-spacing branch 2 times, most recently from b4a9522 to f2e4099 Compare March 6, 2024 10:02
@kyranjamie
Copy link
Collaborator Author

Can we put a (visual) regression test in place for this?

Yes ser.

Had to do a bit of a refactor as the responsibility of displaying the information, and fetching the data were part of the same component. I've broken these, up, and written a storybook.

image

Copy link
Contributor

@pete-watters pete-watters left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 code LGTM, just a typecheck to fix

@kyranjamie kyranjamie force-pushed the fix/locked-spacing branch from d5ece8f to 24e8733 Compare March 6, 2024 15:53
<Caption>{balance.amount.toNumber() > 0 && address ? usdBalance : null}</Caption>
{additionalUsdBalanceInfo}
</>
<Caption>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for fixing, this was prob me breaking it implementing the ItemInteractive. I remember encountering this component again recently, questioning if it is really a layout component now when it is just rendering an ItemInteractive that that wraps the ItemLayout? Maybe we don't even need to have the props passed to render here?

const meta: Meta<typeof StacksBalanceListItemLayout> = {
component: StacksBalanceListItemLayout,
tags: ['autodocs'],
title: 'Feature/StacksBalanceListItem',
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should make sure to coordinate with @pete-watters on the new sections being added to our storybook. I noticed in his he has new sections too.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I actually decided to revert my changes to fit into the current system. Once everything is merged lets review it together.

I had just added Design System/ to the start of the path

Copy link
Contributor

@fbwoolf fbwoolf left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cool to see a storybook for a feature. 👍

@kyranjamie kyranjamie added this pull request to the merge queue Mar 7, 2024
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Mar 7, 2024
@kyranjamie kyranjamie added this pull request to the merge queue Mar 7, 2024
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Mar 7, 2024
@kyranjamie kyranjamie added this pull request to the merge queue Mar 7, 2024
Merged via the queue into dev with commit 0193986 Mar 7, 2024
28 checks passed
@kyranjamie kyranjamie deleted the fix/locked-spacing branch March 7, 2024 15:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants