-
-
Notifications
You must be signed in to change notification settings - Fork 409
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
Accordion component #4080
base: master
Are you sure you want to change the base?
Accordion component #4080
Conversation
The 'Current Email' subtitle doesn't have the underline anymore. I wasn't sure how to add it without making a specific case just for the email form. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Awesome! Thanks @CrowsVeldt. A few minor bits, plus you need to run yarn format
.
} as Meta<typeof Accordion> | ||
|
||
export const Default: StoryFn<typeof Accordion> = () => ( | ||
<Accordion title="Default"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It make this a little more meaningful, how's about the title of 'Accordion Title'
|
||
export const Default: StoryFn<typeof Accordion> = () => ( | ||
<Accordion title="Default"> | ||
<Text>Default</Text> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
And change this to 'Now you see me!'
const { getByText } = render( | ||
<Default {...(Default.args as IProps)} />, | ||
) | ||
|
||
expect(getByText('Accordion')).toBeInTheDocument(); | ||
}) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Probably something like this would be good:
it('displays the accordion body on click', () => {
const { getByText } = render(
<Default {...(Default.args as IProps)} />,
)
const accordionTitle = getByText('Accordion Title')
expect(getByText('Now you see me!')).not.toBeInTheDocument()
accordionTitle.click()
expect(getByText('Now you see me!')).toBeInTheDocument()
@@ -76,3 +76,4 @@ export { VideoPlayer } from './VideoPlayer/VideoPlayer' | |||
export { CommentAvatar } from './CommentAvatar/CommentAvatar' | |||
export type { availableGlyphs } from './Icon/types' | |||
export type { ITab } from './SettingsFormWrapper/SettingsFormTab' | |||
export { Accordion } from './Accordion/Accordion' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If you wanted to be really nice, could you put this in alphabetical order please. :)
cc7f3d5
to
d48ab53
Compare
@CrowsVeldt Just QA'd it.
|
PR Checklist
PR Type
What kind of change does this PR introduce?
What is the current behavior?
What is the new behavior?
Describe the new behaviour
If useful, provide screenshot or capture to highlight main changes
Does this PR introduce a breaking change?
Git Issues
Closes #3786
What happens next?
Thanks for the contribution! We try to make sure all PRs are reviewed ahead of our monthly maintainers call (first Monday of the month)
If the PR is working as intended it'll be merged and included in the next platform release, if not changes will be requested and re-reviewed once updated.
If you need more immediate feedback you can try reaching out on Discord in the Community Platform
development
channel.