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
Hey @quasar_bear 👋,
Thank you for contacting us! I will try to create an example ⚡️
Which UI framework are you using?
magic-amber•2y ago
react + tailwind, didn't use antd or anything else but i can probably extend from any examples that u come out with 🙏
yappiest-sapphire•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 🙏magic-amber•2y ago
really appreciate the help @aliemirs will be diving through it now. ❤️🔥