creevey
Version:
Cross-browser screenshot testing tool for Storybook with fancy UI Runner
32 lines • 1.54 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SideBarFooter = SideBarFooter;
const react_1 = __importDefault(require("react"));
const theming_1 = require("@storybook/theming");
const components_1 = require("@storybook/components");
const CreeveyContext_js_1 = require("../../CreeveyContext.js");
const Sticky = (0, theming_1.withTheme)(theming_1.styled.div(({ theme }) => ({
padding: '24px 16px 8px 16px',
background: theme.background.content,
height: '50px',
zIndex: 5,
position: 'sticky',
bottom: '0',
})));
const Container = theming_1.styled.div({
display: 'flex',
justifyContent: 'space-between',
});
function SideBarFooter() {
const { onApproveAll, onImageApprove } = (0, CreeveyContext_js_1.useCreeveyContext)();
return (react_1.default.createElement(Sticky, null,
react_1.default.createElement(Container, null,
react_1.default.createElement(components_1.Button, { secondary: true, onClick: onImageApprove, disabled: !onImageApprove, style: { paddingRight: 8 } },
"Approve",
react_1.default.createElement(components_1.Icons, { icon: "arrowright", style: { paddingLeft: 4 } })),
react_1.default.createElement(components_1.Button, { secondary: true, outline: true, onClick: onApproveAll }, "Approve all"))));
}
//# sourceMappingURL=SideBarFooter.js.map