github.com/tilt-dev/tilt@v0.33.15-0.20240515162809-0a22ed45d8a0/web/src/OverviewTableBulkActions.stories.tsx (about)

     1  import React from "react"
     2  import { MemoryRouter } from "react-router"
     3  import Features, { FeaturesTestProvider, Flag } from "./feature"
     4  import { OverviewTableBulkActions } from "./OverviewTableBulkActions"
     5  import { ResourceSelectionProvider } from "./ResourceSelectionContext"
     6  import { disableButton } from "./testdata"
     7  
     8  export default {
     9    title: "New UI/Overview/OverviewTableBulkActions",
    10    decorators: [
    11      (Story: any) => {
    12        const features = new Features({
    13          [Flag.Labels]: true,
    14        })
    15        return (
    16          <MemoryRouter initialEntries={["/"]}>
    17            <FeaturesTestProvider value={features}>
    18              <ResourceSelectionProvider initialValuesForTesting={["fe", "api"]}>
    19                <Story />
    20              </ResourceSelectionProvider>
    21            </FeaturesTestProvider>
    22          </MemoryRouter>
    23        )
    24      },
    25    ],
    26  }
    27  
    28  export const BulkActionsAllEnabled = () => {
    29    const a = disableButton("fe", true)
    30    const b = disableButton("api", true)
    31    return <OverviewTableBulkActions uiButtons={[a, b]} />
    32  }
    33  
    34  export const BulkActionsAllDisabled = () => {
    35    const a = disableButton("fe", false)
    36    const b = disableButton("api", false)
    37    return <OverviewTableBulkActions uiButtons={[a, b]} />
    38  }
    39  
    40  export const BulkActionsPartial = () => {
    41    const a = disableButton("fe", false)
    42    const b = disableButton("api", true)
    43    return <OverviewTableBulkActions uiButtons={[a, b]} />
    44  }