be01dcb859
* fix: model is started but the indicator is not stopped loading * chore: show loading indicator on the loading model row only * Update README.md --------- Co-authored-by: hiento09 <136591877+hiento09@users.noreply.github.com>
62 lines
1.3 KiB
TypeScript
62 lines
1.3 KiB
TypeScript
import React from 'react'
|
|
import { Button } from '@uikit'
|
|
import ModelActionMenu from '../ModelActionMenu'
|
|
|
|
export enum ModelActionType {
|
|
Start = 'Start',
|
|
Stop = 'Stop',
|
|
}
|
|
|
|
type ModelActionStyle = {
|
|
title: string
|
|
}
|
|
|
|
const modelActionMapper: Record<ModelActionType, ModelActionStyle> = {
|
|
[ModelActionType.Start]: {
|
|
title: 'Start',
|
|
},
|
|
[ModelActionType.Stop]: {
|
|
title: 'Stop',
|
|
},
|
|
}
|
|
|
|
type Props = {
|
|
disabled?: boolean
|
|
loading?: boolean
|
|
type: ModelActionType
|
|
onActionClick: (type: ModelActionType) => void
|
|
onDeleteClick: () => void
|
|
}
|
|
|
|
const ModelActionButton: React.FC<Props> = ({
|
|
disabled,
|
|
loading,
|
|
type,
|
|
onActionClick,
|
|
onDeleteClick,
|
|
}) => {
|
|
const styles = modelActionMapper[type]
|
|
|
|
const onClick = () => {
|
|
onActionClick(type)
|
|
}
|
|
return (
|
|
<td className="whitespace-nowrap px-3 py-2 text-right">
|
|
<div className="flex items-center justify-end gap-x-4">
|
|
<ModelActionMenu onDeleteClick={onDeleteClick} />
|
|
<Button
|
|
disabled={disabled}
|
|
size="sm"
|
|
themes={styles.title === 'Start' ? 'accent' : 'default'}
|
|
onClick={() => onClick()}
|
|
loading={loading}
|
|
>
|
|
{styles.title} Model
|
|
</Button>
|
|
</div>
|
|
</td>
|
|
)
|
|
}
|
|
|
|
export default ModelActionButton
|