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

refactor: [M3-6522] - Tile and ShowMoreExpansion v7 Stories #9913

Conversation

abailly-akamai
Copy link
Contributor

@abailly-akamai abailly-akamai commented Nov 16, 2023

Description 📝

Small PR to migrate mdx to tsx stories for both Tile and ShowMoreExpansion components

Changes 🔄

  • Migrate to v7 stories
  • Add test coverage
  • Move styles to own file as necessary

Preview 📷

Screenshot 2023-11-27 at 12 28 31

Screenshot 2023-11-27 at 12 29 03

How to test 🧪

Verification steps

  • run yarn storybook
  • confirm stories, prop table and behavior
  • run yarn up and make sure there isn't any regressions in either component

As an Author I have considered 🤔

Check all that apply

  • 👀 Doing a self review
  • ❔ Our contribution guidelines
  • 🤏 Splitting feature into small PRs
  • ➕ Adding a changeset
  • 🧪 Providing/Improving test coverage
  • 🔐 Removing all sensitive information from the code and PR description
  • 🚩 Using a feature flag to protect the release
  • 👣 Providing comprehensive reproduction steps
  • 📑 Providing or updating our documentation
  • 🕛 Scheduling a pair reviewing session
  • 📱 Providing mobile support
  • ♿ Providing accessibility support

@abailly-akamai abailly-akamai self-assigned this Nov 16, 2023
@abailly-akamai abailly-akamai force-pushed the M3-6522-tile-and-showmoreexpansion branch from 2533dc6 to c8223cc Compare November 27, 2023 16:36
const meta: Meta<ShowMoreExpansionProps> = {
args: {
children: (
<Typography>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

old story was missing typography so font rendering was broken

@abailly-akamai abailly-akamai marked this pull request as ready for review November 27, 2023 17:36
@abailly-akamai abailly-akamai requested a review from a team as a code owner November 27, 2023 17:36
@abailly-akamai abailly-akamai requested review from jdamore-linode, dwiley-akamai and coliu-akamai and removed request for a team November 27, 2023 17:36
Copy link
Contributor

@coliu-akamai coliu-akamai left a comment

Choose a reason for hiding this comment

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

Approving, stuff looks good! Had one question below about the tile component behavior unrelated to this PR (behavior already exists on prod).

  • ✅ confirmed unit tests
  • ✅ confirmed stories
  • ✅ confirmed Cloud Manager

This is super super small but something that stuck out to me with the tile component is that the icon hover animation is delayed while the link hover isn't. Would it make more sense to have the animation happen at the same time, or is this (industry?) standard behavior?

Story Cloud - local & prod
tile-delay1.mov
tile-delay2.mov

Copy link
Contributor

@dwiley-akamai dwiley-akamai left a comment

Choose a reason for hiding this comment

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

Look and behavior of stories ✅
ShowMoreExpansion and Tile instances in Cloud ✅

Left a few minor comments

@abailly-akamai abailly-akamai force-pushed the M3-6522-tile-and-showmoreexpansion branch from 07e7f1f to 009ed70 Compare November 29, 2023 20:41
@abailly-akamai abailly-akamai merged commit d582998 into linode:develop Nov 29, 2023
13 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants