/
githubmirror
/
Open-Assistant
Обзор
Документация
Войти
/
githubmirror
/
Open-Assistant
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
website/src/components/CollapsableText.tsx
11 строк
408 B
AbdBarho
Show more text in Ranking tasks depending on screen size (#2020)
08 мар 2023, 20:06
Не верифицирован
08 мар 2023, 20:06
6868573
Код
Авторство
О чём код?
import { useBreakpointValue } from "@chakra-ui/react"; export const CollapsableText = ({ text }: { text: string }) => { const maxLength = useBreakpointValue({ base: 220, md: 500, lg: 700, xl: 1000 }); if (typeof text !== "string" || text.length <= maxLength) { return <>{text}</>; } else { const visibleText = text.substring(0, maxLength - 3); return <span>{visibleText}...</span>; } };