/
githubmirror
/
Open-Assistant
Обзор
Документация
Войти
/
githubmirror
/
Open-Assistant
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
website/src/components/TaskInfo/TaskInfo.tsx
40 строк
1 KB
GuilleHoardings
Extract more strings for localization (#1417)
11 фев 2023, 06:12
Не верифицирован
11 фев 2023, 06:12
00c5897
Код
Авторство
О чём код?
import { Box, Flex, Text, TextProps, useColorModeValue } from "@chakra-ui/react"; import { useTranslation } from "next-i18next"; const TitleClasses: TextProps = { fontWeight: "semibold", fontSize: "md", cursor: "default", }; const LabelClasses: TextProps = { fontSize: "sm", cursor: "default", color: "gray.500", }; export const TaskInfo = ({ id, output }: { id: string; output: string }) => { const { t } = useTranslation(); const titleColor = useColorModeValue("gray.700", "gray.400"); return ( <Box> <Flex direction="column"> <Flex alignItems="center" gap="2"> <Text {...TitleClasses} color={titleColor}> {t("prompt")} </Text> <Text {...LabelClasses} data-cy="task-id"> {id} </Text> </Flex> <Flex alignItems="center" gap="2"> <Text {...TitleClasses} color={titleColor}> {t("output")} </Text> <Text {...LabelClasses}>{output}</Text> </Flex> </Flex> </Box> ); };