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

     1  import React from "react"
     2  import { MemoryRouter } from "react-router"
     3  import OverviewResourceBar from "./OverviewResourceBar"
     4  import { nResourceView, tenResourceView, twoResourceView } from "./testdata"
     5  import { UpdateStatus } from "./types"
     6  
     7  export default {
     8    title: "New UI/Shared/OverviewResourceBar",
     9    decorators: [
    10      (Story: any) => (
    11        <MemoryRouter initialEntries={["/"]}>
    12          <div style={{ margin: "-1rem" }}>
    13            <Story />
    14          </div>
    15        </MemoryRouter>
    16      ),
    17    ],
    18  }
    19  
    20  export const TwoResources = () => (
    21    <OverviewResourceBar view={twoResourceView()} />
    22  )
    23  
    24  export const TenResources = () => (
    25    <OverviewResourceBar view={tenResourceView()} />
    26  )
    27  
    28  export const TenResourcesErrorsAndWarnings = () => {
    29    let view = tenResourceView() as any
    30    view.uiResources[0].updateStatus = UpdateStatus.Error
    31    view.uiResources[1].buildHistory[0].warnings = ["warning time"]
    32    view.uiResources[5].updateStatus = UpdateStatus.Error
    33    return <OverviewResourceBar view={view} />
    34  }
    35  
    36  export const OneHundredResources = () => (
    37    <OverviewResourceBar view={nResourceView(100)} />
    38  )
    39  
    40  export const UpgradeAvailable = () => {
    41    let view = twoResourceView()
    42    let status = view.uiSession!.status
    43    status!.suggestedTiltVersion = "0.18.1"
    44    status!.runningTiltBuild = { version: "0.18.0", dev: false }
    45    status!.versionSettings = { checkUpdates: true }
    46    return <OverviewResourceBar view={view} />
    47  }