/
githubmirror
/
traefik
Обзор
Документация
Войти
/
githubmirror
/
traefik
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
webui/src/components/ToastPool.tsx
37 строк
1 KB
Murat Aslan
Display server weight in service detail view
30 мар 2026, 17:58
Не верифицирован
30 мар 2026, 17:58
9a8ff96
Код
Авторство
О чём код?
import { Flex } from '@traefik-labs/faency' import { useContext } from 'react' import { Toast } from './Toast' import { ToastContext } from 'contexts/toasts' import { getPositionValues, PositionXProps, PositionYProps } from 'utils/position' export type ToastPoolProps = { positionX?: PositionXProps positionY?: PositionYProps toastTimeout?: number } export const ToastPool = ({ positionX = 'right', positionY = 'bottom', toastTimeout = 5000 }: ToastPoolProps) => { const { toasts, hideToast } = useContext(ToastContext) return ( <Flex {...getPositionValues(positionX, positionY)} css={{ position: 'fixed', bottom: 0, flexDirection: 'column', maxWidth: '380px', zIndex: 2, px: '$3', margin: positionX === 'center' ? 'auto' : 0, }} data-testid="toast-pool" > {toasts?.map((toast, key) => ( <Toast key={`toast-${key}`} {...toast} dismiss={(): void => hideToast(toast)} timeout={toastTimeout} /> ))} </Flex> ) }