/
githubmirror
/
browser-extension
Обзор
Документация
Войти
/
githubmirror
/
browser-extension
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/common/RunTaskButton.tsx
37 строк
997 B
David Corbitt
Big bang
08 апр 2023, 04:27
08 апр 2023, 04:27
56260be
Код
Авторство
О чём код?
import { Button, HStack, Icon } from '@chakra-ui/react'; import React from 'react'; import { useAppState } from '../state/store'; import { BsPlayFill, BsStopFill } from 'react-icons/bs'; export default function RunTaskButton(props: { runTask: () => void }) { const state = useAppState((state) => ({ taskState: state.currentTask.status, instructions: state.ui.instructions, interruptTask: state.currentTask.actions.interrupt, })); let button = ( <Button rightIcon={<Icon as={BsPlayFill} boxSize={6} />} onClick={props.runTask} colorScheme="green" disabled={state.taskState === 'running' || !state.instructions} > Start Task </Button> ); if (state.taskState === 'running') { button = ( <Button rightIcon={<Icon as={BsStopFill} boxSize={6} />} onClick={state.interruptTask} colorScheme="red" > Stop </Button> ); } return <HStack alignItems="center">{button}</HStack>; }