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

[Feature] Accordion middle partials #11674

Open
wants to merge 7 commits into
base: main
Choose a base branch
from

Conversation

yonikid15
Copy link
Contributor

🤖 Resolves #11587

👋 Introduction

  • Adds a new MetaData component to Accordion composition (still okay with changing the component name 😆).
  • The MetaData component adds a list of buttons, links, text, and chips below accordion trigger.

🕵️ Details

🧪 Testing

  1. Uncomment the loader in router.tsx to enable the manager dashboard page
  2. Visit /en/manager/dashboard
  3. AND open storybook:design-system and view Accordion component

📸 Screenshot

image

@petertgiles
Copy link
Contributor

Adds a new MetaData component to Accordion composition (still okay with changing the component name 😆).

It looks like the name that Josh uses in Figma is "Metadata". I think it's a good idea to stay in sync with designers for names so I'd suggest just correcting the capitalization.

Copy link
Contributor

@petertgiles petertgiles left a comment

Choose a reason for hiding this comment

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

Looks super nice! 😋 I flagged a few small things to look at.

@@ -17,6 +18,38 @@ const Text = () => {
return <p>{faker.lorem.sentences(5)}</p>;
};

export const metaData: AccordionMetaData[] = [
Copy link
Contributor

Choose a reason for hiding this comment

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

It seems like Storybook is picking this up as a story and failing to render anything.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed in a80fc37

Copy link
Contributor

Choose a reason for hiding this comment

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

Uh oh, something went wrong here.
image

Copy link
Contributor

Choose a reason for hiding this comment

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

Maybe related to switching the padding to margin?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Nice catch! Fixed in 4148e2b

Copy link
Contributor

Choose a reason for hiding this comment

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

Pre-existing, but this doesn't look right, to me.
image

Copy link
Contributor Author

@yonikid15 yonikid15 Oct 3, 2024

Choose a reason for hiding this comment

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

Hmm, ya that should be fixed. However, I believe the text was added as a reminder of the context of the icon. Normally, it would just be the icon if used across the site.

EDIT: Actually I might be wrong 😅. I'll make a new issue for this since I'm not sure what a proper fix would look like.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Created an issue for this #11700

@petertgiles
Copy link
Contributor

Will need to update styling after #11667 is merged.

It's merged now.

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.

✨ Add middle content to accordion component
2 participants