const MODAL_CARD_MONEY_SEND = 'notifications';

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      activeModal: null,
      modalHistory: []
    };

    this.users = 'k'.repeat(25).split('').map(() => {
      return getRandomUser();
    });

    this.modalBack = () => {
      this.setActiveModal(this.state.modalHistory[this.state.modalHistory.length - 2]);
    };
  }

  setActiveModal(activeModal) {
    activeModal = activeModal || null;
    let modalHistory = this.state.modalHistory ? [...this.state.modalHistory] : [];

    if (activeModal === null) {
      modalHistory = [];
    } else if (modalHistory.indexOf(activeModal) !== -1) {
      modalHistory = modalHistory.splice(0, modalHistory.indexOf(activeModal) + 1);
    } else {
      modalHistory.push(activeModal);
    }

    this.setState({
      activeModal,
      modalHistory
    });
  };

render() {
    const modal = (
   <ModalRoot activeModal={this.state.activeModal}>
   <ModalCard
          id={MODAL_CARD_MONEY_SEND}
          onClose={() => this.setActiveModal(null)}
          actions={[{
            title: 'Содержимое',
            mode: 'secondary',
            action: () => this.setActiveModal(null)
          }]}
        />
   </ModalRoot>
      );

    return (
    <View activePanel="modals" modal={modal}>
          <Panel id="modals">
            <Group>
              <br/>
              <br/>

              <br/>
              <br/>
              <br/>
              <br/>
              <br/>
              <br/>

              <Separator style={{ margin: '12px 0' }}/>
              <Div>
              <InfoRow header={<Header mode="secondary">0/12</Header>}>
            <Progress value={40} />
          </InfoRow>
          <br/>
          <Card size="s" mode="outline">
           <Div>
           <center><h3>Уровень БП: [level-bp]</h3></center>
           </Div>
          </Card>
          </Div>
          <Separator style={{ margin: '12px 00'}}/>
          <Div>
          <img src="https://sun9-27.userapi.com/c206824/v206824248/6febc/C6BX5sZpYF0.jpg" style={{width: '100%'}}/>
          </Div>
          <Separator style={{ margin: '12px 0' }}/>
          <Div>
          <Button size="xl" mode="commerce" onClick={() => this.setActiveModal(MODAL_CARD_MONEY_SEND)}>Купить</Button>
          </Div>
            </Group>
          </Panel>
       </View>

     );
  }
}

<App/>