/
githubmirror
/
Open-Assistant
Обзор
Документация
Войти
/
githubmirror
/
Open-Assistant
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
website/src/components/Explain.tsx
37 строк
878 B
lainisourgod
web: flag explanation: make more readable (#1097)
23 фев 2023, 12:37
Не верифицирован
23 фев 2023, 12:37
3228f6c
Код
Авторство
О чём код?
import { IconButton, Popover, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverTrigger, Text, } from "@chakra-ui/react"; import { Info } from "lucide-react"; import { ReactElement } from "react"; interface ExplainProps { explanation: ReactElement[] | string[]; } export const Explain = ({ explanation }: ExplainProps) => { return ( <Popover> <PopoverTrigger> <IconButton aria-label="explanation" variant="link" size="xs" icon={<Info size="16" />}></IconButton> </PopoverTrigger> <PopoverContent> <PopoverArrow /> <PopoverCloseButton /> <PopoverBody> {explanation.map((paragraph, idx) => ( <Text key={idx} mt={idx === 0 ? 0 : 3}> {paragraph} </Text> ))} </PopoverBody> </PopoverContent> </Popover> ); };