react-build-status-badge/dist/stories/BuildStatusBadge.stories.js

React build status badge component for any CI/CD service. Shows real-time status and supports Markdown for easy setup.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.UsingPropsStory = exports.MarkdownLinkStory = exports.MarkdownImageStory = void 0;
const BuildStatusBadge_1 = require("../components/BuildStatusBadge");
const react_1 = __importDefault(require("react"));
// === Setup ===
const StoryComponent = BuildStatusBadge_1.BuildStatusBadge; // <-- Set to your component
const meta = {
    title: 'Stories/BuildStatusBadge', // <-- Set to your story title
    component: StoryComponent,
    parameters: {
        options: { showPanel: false }, // Don't show addons panel
    },
};
exports.default = meta;
// === Stories ===
exports.MarkdownImageStory = {
    name: 'Using Markdown Image (No Link)',
    render: () => (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(BuildStatusBadge_1.BuildStatusBadge, null, "![Tests](https://github.com/justinmahar/react-build-status-badge/workflows/Deploy/badge.svg)"),
        react_1.default.createElement("p", null, "Updates every 5 seconds (default)."),
        react_1.default.createElement("pre", null, `<BuildStatusBadge>
  ![Tests](https://github.com/justinmahar/react-build-status-badge/workflows/Deploy/badge.svg)
</BuildStatusBadge>
  `))),
};
exports.MarkdownLinkStory = {
    name: 'Using Markdown Link',
    render: () => (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(BuildStatusBadge_1.BuildStatusBadge, { interval: 3000 }, "[![Tests](https://github.com/justinmahar/react-build-status-badge/workflows/Deploy/badge.svg)](https://github.com/justinmahar/react-build-status-badge/actions?query=workflow%3ATests)"),
        react_1.default.createElement("p", null, "Updates every 3 seconds."),
        react_1.default.createElement("pre", null, `<BuildStatusBadge interval={3000}>
  [![Tests](https://github.com/justinmahar/react-build-status-badge/workflows/Deploy/badge.svg)](https://github.com/justinmahar/react-build-status-badge/actions?query=workflow%3ATests)
</BuildStatusBadge>
  `))),
};
exports.UsingPropsStory = {
    name: 'Using Props',
    render: () => (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(BuildStatusBadge_1.BuildStatusBadge, { href: "https://github.com/justinmahar/react-build-status-badge/actions?query=workflow%3ATests", src: "https://github.com/justinmahar/react-build-status-badge/workflows/Deploy/badge.svg", alt: "Deploy" }),
        react_1.default.createElement("p", null, "Updates every 5 seconds (default)."),
        react_1.default.createElement("pre", null, `<BuildStatusBadge
  href="https://github.com/justinmahar/react-build-status-badge/actions?query=workflow%3ATests"
  src="https://github.com/justinmahar/react-build-status-badge/workflows/Deploy/badge.svg"
  alt="Deploy"
/>
  `))),
};