{"size": 635, "ext": "js", "max_stars_repo_path": "frontend/src/apps/admin/monetization/UpdatingSubscriptionDialog.js", "max_stars_repo_name": "fossabot/roombelt", "max_stars_repo_stars_event_min_datetime": "2019-04-27T04:17:15.000Z", "max_stars_repo_stars_event_max_datetime": "2019-04-27T04:17:15.000Z", "max_issues_repo_path": "frontend/src/apps/admin/monetization/UpdatingSubscriptionDialog.js", "max_issues_repo_name": "fossabot/roombelt", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "frontend/src/apps/admin/monetization/UpdatingSubscriptionDialog.js", "max_forks_repo_name": "fossabot/roombelt", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 27.6086956522, "max_line_length": 78, "alphanum_fraction": 0.6614173228}
import React from "react";
import { connect } from "react-redux";

import { BlueModal, Loader } from "theme";
import { isUpdatingSubscriptionDialogOpen } from "apps/admin/store/selectors";

const UpdatingSubscriptionDialog = ({ isOpen }) => {
  return (
    <BlueModal title={"Updating subscription"}
               footer={null}
               visible={isOpen}>
      <div style={{ textAlign: "center", margin: 20 }}>
        <Loader/>
      </div>
    </BlueModal>
  );
};

const mapStateToProps = state => ({
  isOpen: isUpdatingSubscriptionDialogOpen(state)
});

export default connect(mapStateToProps)(UpdatingSubscriptionDialog);