social-butterfly/dist/follow_confirm.js

Incorporate federated social network protocols easily. Used with Hello, world federated blog.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Follow;

var _url_factory = require("./util/url_factory");

function Follow({
  req,
  resource
}) {
  const actionUrl = (0, _url_factory.buildUrl)({
    pathname: '/api/social/follow',
    searchParams: {
      resource
    }
  }); // TODO(mime): good candidate to make a `SimpleHTMLBase` template.
  // TODO(mime): add i18n

  return /*#__PURE__*/React.createElement("html", {
    lang: "en"
  }, /*#__PURE__*/React.createElement("head", null, /*#__PURE__*/React.createElement("meta", {
    charSet: "utf-8"
  }), /*#__PURE__*/React.createElement("title", null, "Confirm follow request")), /*#__PURE__*/React.createElement("link", {
    rel: "stylesheet",
    href: "/css/themes/pixel.css"
  }), /*#__PURE__*/React.createElement("style", {
    dangerouslySetInnerHTML: {
      __html: `
          body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
              'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
              'Droid Sans', 'Helvetica Neue', sans-serif;
            font-size: 13px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100vh;
          }

          button.hw-button {
            font-size: 24px;
            float: none;
            outline: 0 !important;
          }
        `
    }
  }), /*#__PURE__*/React.createElement("body", null, /*#__PURE__*/React.createElement("h1", null, `Confirm Follow: ${url}`), /*#__PURE__*/React.createElement("form", {
    action: actionUrl,
    method: "post"
  }, /*#__PURE__*/React.createElement("input", {
    name: "_csrf",
    type: "hidden",
    value: req.csrfToken()
  }), /*#__PURE__*/React.createElement("button", {
    className: "hw-button hw-save",
    type: "submit"
  }, "Follow"))));
}