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

feat(ModalBasicLayout): basic layout component for new Modal #2459

Conversation

YossiSaadi
Copy link
Contributor

Basic layout

image

Usage example:

<Modal size="small">
  <ModalBasicLayout>
    <ModalHeader title="I'm title" />
    <ModalContent>I'm content</ModalContent>
  </ModalBasicLayout>
  <ModalFooter /> // TBD
</Modal>

https://monday.monday.com/boards/3532714909/pulses/7360987899

@YossiSaadi YossiSaadi changed the title feat(ModalBasicLayout): first layout for the new modal - basic feat(ModalBasicLayout): basic layout component for new Modal Oct 6, 2024
Base automatically changed from feat/yossi/modalfooterbase-component-to-act-as-a-base-for-advanced-7360692401 to feat/yossi/new-modal-building-blocks-7359960492 October 9, 2024 11:39
An error occurred while trying to automatically change base from feat/yossi/modalfooterbase-component-to-act-as-a-base-for-advanced-7360692401 to feat/yossi/new-modal-building-blocks-7359960492 October 9, 2024 11:39
@YossiSaadi YossiSaadi force-pushed the feat/yossi/new-modal-building-blocks-7359960492 branch from 153d94f to 23b868f Compare October 14, 2024 10:30
@YossiSaadi YossiSaadi force-pushed the feat/yossi/new-modal-basic-layout-7360987899 branch from 1380247 to 4986654 Compare October 14, 2024 12:24
@YossiSaadi YossiSaadi changed the base branch from feat/yossi/new-modal-building-blocks-7359960492 to feat/yossi/new-modal-layouts October 14, 2024 12:25
@YossiSaadi YossiSaadi marked this pull request as ready for review October 14, 2024 12:28
@YossiSaadi YossiSaadi requested a review from a team as a code owner October 14, 2024 12:28
ref: React.ForwardedRef<HTMLDivElement>
) => {
const [header, content] = React.Children.toArray(children);
const { contentScrolled } = useModal();
Copy link
Member

Choose a reason for hiding this comment

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

Should be isContentScrolled?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I was wondering about that one, I always get wondering what is a better practice

Copy link
Member

Choose a reason for hiding this comment

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

On base elements it should be as close to native attrs IMO, other than that - if it's not intuitive enough (like disabled) than it should imply the type

Copy link
Contributor Author

Choose a reason for hiding this comment

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

not sure I'm following

Copy link
Member

Choose a reason for hiding this comment

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

<Button disabled> vs <ModalAction isContentScrolled>

Copy link
Contributor Author

Choose a reason for hiding this comment

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

got ya
will change then 🙏🏼

@YossiSaadi YossiSaadi merged commit 8127076 into feat/yossi/new-modal-layouts Oct 20, 2024
4 checks passed
@YossiSaadi YossiSaadi deleted the feat/yossi/new-modal-basic-layout-7360987899 branch October 20, 2024 11:25
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.

2 participants