Skip to content

feat(Menu): [FX-436] drill-down functionality#684

Merged
oshchurtt merged 36 commits into
masterfrom
FX-436-menu-drilldown
Sep 19, 2019
Merged

feat(Menu): [FX-436] drill-down functionality#684
oshchurtt merged 36 commits into
masterfrom
FX-436-menu-drilldown

Conversation

@oshchurtt
Copy link
Copy Markdown
Contributor

@oshchurtt oshchurtt commented Sep 16, 2019

FX-436

Description

We want to allow nested Menu and drilling down it's sub-menus.

How to test

  • go to Menu story and check out Drill Down example

Review

  • Annotate all props in component with documentation
  • Create examples for component
  • Ensure that deployed demo has expected results and good examples
  • Ensure that visuals specs are green See the documentation

@oshchurtt oshchurtt requested a review from a team September 16, 2019 15:35
@oshchurtt oshchurtt changed the title Fx 436 menu drilldown feat(Menu): drill-down functionality Sep 16, 2019
Comment thread src/components/Menu/styles.ts Outdated
Comment thread src/components/Menu/Menu.tsx Outdated
Copy link
Copy Markdown
Contributor

@bytasv bytasv left a comment

Choose a reason for hiding this comment

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

Looks good, lets rebase and :shipit:

@denieler denieler changed the title feat(Menu): drill-down functionality feat(Menu): [FX-436] drill-down functionality Sep 17, 2019
Comment thread src/components/Icon/BackMinor16.svg
Comment thread src/components/Icon/ChevronMinor16.svg
Comment thread src/components/Menu/Menu.tsx Outdated
Comment thread src/components/Menu/Menu.tsx
Comment thread src/components/Menu/story/index.jsx Outdated
Comment thread src/components/Menu/styles.ts
Comment thread src/components/Menu/types.ts
Comment thread src/components/Menu/Menu.tsx Outdated
Comment thread src/components/Menu/Menu.tsx
Comment thread src/components/Menu/Menu.tsx Outdated
@vedrani
Copy link
Copy Markdown
Collaborator

vedrani commented Sep 18, 2019

image

I found this problem with Back button hover.

@havenchyk
Copy link
Copy Markdown
Contributor

@oshchurtt please, rebase :) seems temploy is broken because of that

Comment thread src/components/Menu/Menu.tsx
@oshchurtt oshchurtt force-pushed the FX-436-menu-drilldown branch 2 times, most recently from 3816b42 to 1f04f61 Compare September 19, 2019 07:35
Copy link
Copy Markdown
Contributor

@havenchyk havenchyk left a comment

Choose a reason for hiding this comment

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

Great job, don't be afraid to merge this and fix problems if any with another PR

Comment thread src/components/Menu/Menu.tsx
return (
const { backButtonIcon, ...restClasses } = classes
const { pop } = useContext<MenuContextProps>(MenuContext)
const hasParentMenu = !!pop
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

we usually use Boolean(pop)

</TestMenu>
)

fireEvent.click(getByText('Item 1'))
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I would maybe check only that back button inside the container, but using snapshots is also fine

Comment thread src/components/MenuItem/MenuItem.tsx Outdated
@oshchurtt oshchurtt force-pushed the FX-436-menu-drilldown branch from 1f04f61 to df31242 Compare September 19, 2019 07:57
@vedrani
Copy link
Copy Markdown
Collaborator

vedrani commented Sep 19, 2019

image

This could be done if followup ticket, but I would maybe increase icon left spacing.

@oshchurtt oshchurtt force-pushed the FX-436-menu-drilldown branch from 99a86c6 to a6500ae Compare September 19, 2019 13:55
@oshchurtt oshchurtt merged commit 3219579 into master Sep 19, 2019
@oshchurtt oshchurtt deleted the FX-436-menu-drilldown branch September 19, 2019 14:08
@toptal-devbot
Copy link
Copy Markdown
Contributor

🎉 Last commit is successfully deployed 🎉

Demo is available on:

Your davinci-bot 🚀

conf pushed a commit that referenced this pull request Sep 19, 2019
# [3.11.0](v3.10.1...v3.11.0) (2019-09-19)

### Features

* **Menu:** [FX-436] drill-down functionality ([#684](#684)) ([3219579](3219579)), closes [#2](#2) [#3](#3)
@toptal-devbot
Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 3.11.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

@bytasv
Copy link
Copy Markdown
Contributor

bytasv commented Sep 19, 2019

Congratz on finally getting this one :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants