modal_react_values.jsx

import React from 'react'
import { BooleanValue } from 'react-values'
import { css } from 'emotion'

import { Button, ConfirmDialog } from 'uikit'

import validate from './validate'

const SaveButtonWithDialog = ({ disabled, onConfirm, handleSubmit }) => (
  <BooleanValue>
    {({ value: isOpen, toggle }) => (
      <React.Fragment>
        <ConfirmDialog.Save
          className={css`
            max-width: 770px;
          `}
          title="Правила заполнения формы уведомления и обязательства заявителя по предоставлению информации и внесению изменений"
          cancelLabel="Отмена"
          confirmLabel="Согласен"
          content={
            <div
              className={css`
                line-height: 1.56;
                font-size: 16px;
              `}
            >
              <p>
                <b>Уважаемые пользователи сайта!</b>
              </p>
              <p>
                {`На основании постановления Правительства РФ от 16.07.2009 № 584
              "Об уведомительном порядке начала осуществления отдельных видов
              предпринимательской деятельности". Государственная жилищная
              инспекция города Москвы (далее - Мосжилинспекция) осуществляет
              прием и учет предоставляемых юридическими лицами и индивидуальными
              предпринимателями уведомлений о начале осуществления деятельности
              по управлению многоквартирными домами и деятельности по оказанию
              услуг и(или) выполнению работ по содержанию и ремонту общего
              имущества в многоквартирном доме.`}
              </p>
              <p>
                Мосжилинспекция формирует Реестр уведомлений о начале
                деятельности по управлению многоквартирными домами и
                деятельности по оказанию услуг и(или) выполнению работ по
                содержанию и ремонту общего имущества в многоквартирных домах
                (далее-Реестр).
              </p>
              <p>
                Сведения, содержащиеся в Реестре, являются открытыми и
                общедоступными. Местом опубликования сведений является Портал
                управления многоквартирными домами{' '}
                <a href="http://dom.mos.ru">http://dom.mos.ru</a> и официальный
                сайт Мосжилинспекции{' '}
                <a href="http://mgi.mos.ru">http://mgi.mos.ru</a>
              </p>
            </div>
          }
          isOpen={isOpen}
          cancel={toggle}
          submit={() => {
            toggle()
            onConfirm()
          }}
        />

        <Button
          label="Отправить"
          m
          blue
          inline
          disabled={disabled}
          onClick={handleSubmit(values => {
            validate(values)
            toggle()
          })}
          testId="save-button"
        />
      </React.Fragment>
    )}
  </BooleanValue>
)

export default SaveButtonWithDialog