Компонент обратной связи

Прототип по гайдам

Для просмотра всех состояний удобнее всего использовать storybook:

npm run build-storybook
npm run storybook

import {FullFeedback, ShortFeedback} from '@extern/component-feedback';

const ExampleWithIntegratedFeedback = ({action}) =>
  <FullFeedback title="Оцените удобство платежек"
          onStarClick={action('star click')}
          onBackClick={action('back click')}
          onClose={action('close click')}
          onRate={action('rate')}>
    Бумажная платёжка банка сохранена у вас на компьютере,
    её можно оплатить в течение 10 дней.
  </FullFeedback>

const ExampleWithSimpleFeedback = ({action}) =>
  <ShortFeedback onStarClick={action('star click')}
                 onClose={action('close click')}
                 onRate={action('rate')}/>

в настройки лоадера babel в свойство include нужно добавить /@extern/