conscious-sapphire
conscious-sapphireβ€’2y ago

Contextual Modal Navigation with useModal or useModalForm

Is there a way to modify the URL when we open a modal, e.g. clicking in an item /dashboard or /items opens up an item modal and url changes to /item/:id, with the background being rendered based on which entry point it came from. Using react-router v6, I suspect that I may need to add an Outlet to both Dashboard and Items route, then add a nested route in. Though I'm not sure if this will work nicely in Refine. Has anyone attempted this before?
4 Replies
Omer
Omerβ€’2y ago
Hey @quasar_bear πŸ‘‹, Thank you for contacting us! I will try to create an example ⚑️ Which UI framework are you using?
conscious-sapphire
conscious-sapphireβ€’2y ago
react + tailwind, didn't use antd or anything else but i can probably extend from any examples that u come out with πŸ™
national-gold
national-goldβ€’2y ago
Hey @quasar_bear, We have prepared an example but you must update your @pankod/refine-core dependency to 3.94.0 (https://github.com/refinedev/refine/releases/tag/%40pankod%2Frefine-core%403.94.0). We've added the action property to useResource hook and wanted to use it in this example πŸ˜… You can use the npm run refine update command for update dependency (https://refine.dev/docs/packages/documentation/cli/#update). Here's the example (made with @pankod/refine-antd but like you said I don't think there will be any big changes when using headless) https://stackblitz.com/edit/refinedev-refine-byqd2n?file=src/pages/posts/list.tsx I also added some comments to highlight the necessary changes. If you have any issues while implementing, please reach out πŸ™
conscious-sapphire
conscious-sapphireβ€’2y ago
really appreciate the help @aliemirs will be diving through it now. ❀️‍πŸ”₯