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

[Refactor] VEDA Core Features - (E&A) Make DataSelectorModal useable in NextInstance #1156

Closed
sandrahoang686 opened this issue Sep 17, 2024 · 2 comments
Assignees
Labels
tech debt veda v2 VEDA Refactor Epic Work

Comments

@sandrahoang686
Copy link
Collaborator

sandrahoang686 commented Sep 17, 2024

The DataSelectorModal doesn't work in the NextJs instance and breaks. It is currently using the Modal from @devseed-ui/modal and breaks at this line here from the DS library with this error => Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

We might need to switch the component to use a different Modal not from the devseed-ui library to get it working. Possibly USWDS? Either way, we need to get around this error and connect the DataSelectorModal up to the NextJs instance to see if the layers selected persist onto the E&A feature (investigating if timelineDatasetsAtom works correctly).

Feature PR/Branch:
veda-ui: #1154
next-veda-ui: developmentseed/next-veda-ui#4

@dzole0311
Copy link
Collaborator

dzole0311 commented Sep 17, 2024

Re:the removeChild error, this might be useful for debugging when we work on fixing it: vercel/next.js#25049 (comment)

@sandrahoang686
Copy link
Collaborator Author

@dzole0311 ahh yes.. I found the same thread and tried that, adding empty tags and divs in multiple areas. Adding them at the container level, wrapping the DataSelectorModal directly and at the next level. But no success.. but I may have not exhausted the places!

@hanbyul-here hanbyul-here self-assigned this Sep 23, 2024
hanbyul-here added a commit that referenced this issue Oct 28, 2024
**Related Ticket:** #1156 

### Description of Changes
- The main reason the data selector modal was not working is ~ again ~
link-related components error. I made it use `linkProperties` props.
- I also moved `LinkProperties` type to `types/veda` 

### Notes & Questions About Changes
I will inline-comment

### Validation / Testing
- Build the library from this branch
- Use the built asset with this branch (of Next instance) :
https://github.com/developmentseed/next-veda-ui/tree/data-selector-modal-test
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
tech debt veda v2 VEDA Refactor Epic Work
Projects
None yet
Development

No branches or pull requests

3 participants