import React from "react"
import { MemoryRouter } from "react-router"
import OverviewResourceBar from "./OverviewResourceBar"
import { nResourceView, tenResourceView, twoResourceView } from "./testdata"
import { UpdateStatus } from "./types"
export default {
title: "New UI/Shared/OverviewResourceBar",
decorators: [
(Story: any) => (
<MemoryRouter initialEntries={["/"]}>
<div style={{ margin: "-1rem" }}>
<Story />
</div>
</MemoryRouter>
),
],
}
export const TwoResources = () => (
<OverviewResourceBar view={twoResourceView()} />
)
export const TenResources = () => (
<OverviewResourceBar view={tenResourceView()} />
)
export const TenResourcesErrorsAndWarnings = () => {
let view = tenResourceView() as any
view.uiResources[0].updateStatus = UpdateStatus.Error
view.uiResources[1].buildHistory[0].warnings = ["warning time"]
view.uiResources[5].updateStatus = UpdateStatus.Error
return <OverviewResourceBar view={view} />
}
export const OneHundredResources = () => (
<OverviewResourceBar view={nResourceView(100)} />
)
export const UpgradeAvailable = () => {
let view = twoResourceView()
let status = view.uiSession!.status
status!.suggestedTiltVersion = "0.18.1"
status!.runningTiltBuild = { version: "0.18.0", dev: false }
status!.versionSettings = { checkUpdates: true }
return <OverviewResourceBar view={view} />
}