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

fix: refacto dropdowns #697

Merged
merged 2 commits into from
Nov 14, 2023
Merged

fix: refacto dropdowns #697

merged 2 commits into from
Nov 14, 2023

Conversation

clegirar
Copy link
Collaborator

upload_44da99a55aa0aec26cc81cf2abf9e0f9
upload_d44697e79c48bc1c39fa4983dfc2ff23
Screenshot 2023-09-11 at 17 03 15

This tree dots components were not consistant, especially when we clicked outside of the dropdown, all dropdowns had not same behavior

So i gave it back consistant, for the first one (first screen) was good and works well !
For the second one (second screen), you probably just forgot to put the ref in the parent view of the dropdown
For the last one (last image), it was just not implemented :)

Signed-off-by: clegirar [email protected]

@clegirar clegirar self-assigned this Sep 11, 2023
@netlify
Copy link

netlify bot commented Sep 11, 2023

Deploy Preview for testitori ready!

Name Link
🔨 Latest commit 99a5b55
🔍 Latest deploy log https://app.netlify.com/sites/testitori/deploys/6553ae5d678f6d0008426011
😎 Deploy Preview https://deploy-preview-697--testitori.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@netlify
Copy link

netlify bot commented Sep 11, 2023

Deploy Preview for teritori-dapp ready!

Name Link
🔨 Latest commit 99a5b55
🔍 Latest deploy log https://app.netlify.com/sites/teritori-dapp/deploys/6553ae5dc0ed32000865c061
😎 Deploy Preview https://deploy-preview-697--teritori-dapp.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@clegirar
Copy link
Collaborator Author

clegirar commented Sep 11, 2023

However i just fix the behavior of the component, but not the refacto of it.
The last one was not exactly the same component, but it was opened by the same button, the tree dots button, maybe an UI inconsistency ?
If we give it back consistent, doesn't matter how, it will be better to have one component for tree 👍

packages/components/Menu/Menu.web.tsx Outdated Show resolved Hide resolved
packages/components/Menu/Menu.tsx Outdated Show resolved Hide resolved
packages/components/Menu/Menu.tsx Outdated Show resolved Hide resolved
packages/components/Menu/Menu.tsx Outdated Show resolved Hide resolved
WaDadidou
WaDadidou previously approved these changes Sep 27, 2023
const dropdownRef = useRef<View>(null);

return (
<View style={{ position: "relative" }}>
Copy link
Collaborator

Choose a reason for hiding this comment

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

Seems that by default all the View has position relative

Copy link
Collaborator

@hthieu1110 hthieu1110 left a comment

Choose a reason for hiding this comment

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

LGTM

@n0izn0iz n0izn0iz merged commit 9b315c2 into main Nov 14, 2023
12 checks passed
@n0izn0iz n0izn0iz deleted the fix/refacto-dropdowns branch November 14, 2023 17:37
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.

4 participants