1
Fork 0
mirror of https://github.com/Steffo99/sophon.git synced 2024-12-22 23:04:21 +00:00
sophon/frontend/src/components/notebook/NotebookStopButton.tsx

32 lines
971 B
TypeScript
Raw Normal View History

2021-10-14 03:05:01 +00:00
import {faLightbulb} from "@fortawesome/free-regular-svg-icons"
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
import {Button} from "@steffo/bluelib-react"
import * as React from "react"
import {ManagedResource} from "../../hooks/useManagedViewSet"
import {SophonNotebook} from "../../types/SophonTypes"
2021-10-20 20:39:19 +00:00
import {useGroupMembership} from "../group/useGroupMembership"
2021-10-14 03:05:01 +00:00
export interface NotebookStopButtonProps {
resource: ManagedResource<SophonNotebook>,
}
export function NotebookStopButton({resource}: NotebookStopButtonProps): JSX.Element | null {
2021-10-20 20:39:19 +00:00
if(!useGroupMembership()) {
2021-10-14 03:05:01 +00:00
return null
}
if(!resource.value.is_running) {
return null
}
if(resource.value.locked_by) {
return null
}
return (
<Button onClick={() => resource.action("PATCH", "stop", {})} disabled={resource.busy}>
<FontAwesomeIcon icon={faLightbulb} spin={resource.busy}/>&nbsp;Stop
</Button>
)
}