@shopify/react-html
Version:
A component to render your react app with no static HTML.
27 lines (26 loc) • 1.39 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var Meta_1 = require("./Meta");
var Link_1 = require("./Link");
var IconSize;
(function (IconSize) {
IconSize[IconSize["Large"] = 114] = "Large";
IconSize[IconSize["Medium"] = 72] = "Medium";
IconSize[IconSize["Small"] = 57] = "Small";
})(IconSize = exports.IconSize || (exports.IconSize = {}));
function AppleHomeScreen(_a) {
var _b = _a.icons, icons = _b === void 0 ? [] : _b, startUpImage = _a.startUpImage;
var iconsMarkup = icons.map(function (_a) {
var size = _a.size, url = _a.url;
return (react_1.default.createElement(Link_1.Link, { key: size, rel: "apple-touch-icon", sizes: size + "x" + size, href: url }));
});
var startUpImageMarkup = startUpImage ? (react_1.default.createElement(Link_1.Link, { rel: "apple-touch-startup-image", href: startUpImage })) : null;
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Meta_1.Meta, { name: "apple-mobile-web-app-capable", content: "yes" }),
react_1.default.createElement(Meta_1.Meta, { name: "apple-mobile-web-app-status-bar-style", content: "black" }),
iconsMarkup,
startUpImageMarkup));
}
exports.AppleHomeScreen = AppleHomeScreen;