Render <View/> with custom <Navbar/> inside <Popup/>

Questions
1

So I would like to do the following:
One of my pages contains a <Popup/> which looks a bit like this:

<Page>
  <Navbar className="cart _bg2" inner={false}>
    <div className="inner">
      <NavLeft>
        <Link onClick={this.props.closePopup}>Close</Link>
      </NavLeft>
      <div className="title abs-center">
        <h2>{h2}</h2>
        <small>{small}</small>
      </div>
    </div>
  </Navbar>
  <Toolbar bottom className='gradient'>
    <Link href={`/s/${supplier._id}/checkout`} className="button green full _spacing">LIEFERTAG AUSWÄHLEN</Link>
  </Toolbar>
  { this.props.popupShown ? <View id="popup-view" url={`/s/${supplier._id}/cart#nonav`} /> : null }
</Page>

I also tried something like this:

<View url={`/s/${supplier._id}/cart#inpopup`}>
  <MyNavBar />
  <MyToolbar />
  { this.props.popupShown ? <Page/> : null }
</View>

… also not working! :persevere:

So I would like to do the following:
A <Popup/> controlled by a prop (popupShown), which itself has its own <Navbar/> to close the popup again. Inside, there should be a custom <View/> which displays a route, which may also link to different other routes via normal <Link/>s.

I tried any possible variation I could come up with but nothing seems to work.
What is the proper way to do this?

Thanks, cheers, Patrick

2

Can you give the full your Page + Popup layout?