Fix closing a modal example in parallel routes docs

[ztanner]

The docs mention using a Link to close the modal, but navigating away from a slot that was active won't automatically unmount unless it matches with a new page for that slot. This is because client-side navigations don't switch slots from active -> default. Default is only used on a hard navigation.

I believe this example used to be in here but got removed, so I re-added with some extra clarity.

Closes NEXT-2405

[ztanner]

• canary
  • Fix closing a modal example in parallel routes docs #61819 👈

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @ztanner and the rest of your teammates on Graphite

[samcx]

[TommySorensen]

@ztanner Any change you can clarify some docs for Optional catch-all routes with route groups and slots? It seems like it dosen't work as docs mentions. This was working in fx. 14.0.1

/[locale]/(checkout)/cart/page.js
/[locale]/(shop)/[[...slug]]/layout.js (returns login or slug)
/[locale]/(shop)/[[...slug]]/@login/default.js (returns null)
/[locale]/(shop)/[[...slug]]/@login/layout.js
/[locale]/(shop)/[[...slug]]/@login/page.js
/[locale]/(shop)/[[...slug]]/@slug/default.js (returns null)
/[locale]/(shop)/[[...slug]]/@slug/layout.js
/[locale]/(shop)/[[...slug]]/@slug/page.js

I also tried with this alternative version with 2 identical page files in slug folder. But that also dosen't work.

/[locale]/(checkout)/cart/page.js
/[locale]/(shop)/layout.js (returns login or slug)
/[locale]/(shop)/@login/page.js
/[locale]/(shop)/@slug/page.js
/[locale]/(shop)/@slug/[...slug]/page.js