mirror of
https://github.com/suitenumerique/meet.git
synced 2026-08-09 18:29:59 +00:00
lebaudantoine
a01f0256a1
The upgrade introduced around 50 new linting errors. Fix the low-hanging fruit and address straightforward violations. Several of the new rules appear to target patterns intended for newer React compiler capabilities. Since the project currently runs on React 18 rather than React 19, disable these rules for now instead of applying potentially inappropriate changes. Follow-up work can address the new rules in a dedicated PR, potentially alongside a future React version upgrade.
48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
import { useToast } from '@react-aria/toast'
|
|
import { useRef } from 'react'
|
|
|
|
import { type ToastProps } from './Toast'
|
|
import { HStack } from '@/styled-system/jsx'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { Button } from '@/primitives'
|
|
import { css } from '@/styled-system/css'
|
|
import { StyledToastContainer } from './StyledToastContainer'
|
|
|
|
export function ToastLowerHand({ state, ...props }: Readonly<ToastProps>) {
|
|
const { t } = useTranslation('notifications', { keyPrefix: 'lowerHand' })
|
|
const ref = useRef(null)
|
|
const { toastProps, contentProps } = useToast(props, state, ref)
|
|
const toast = props.toast
|
|
|
|
const handleDismiss = () => {
|
|
// Clear onClose handler to prevent lowering the hand when user dismisses
|
|
toast.onClose = undefined
|
|
state.close(toast.key)
|
|
}
|
|
|
|
return (
|
|
<StyledToastContainer {...toastProps} ref={ref}>
|
|
<HStack
|
|
justify="center"
|
|
alignItems="center"
|
|
{...contentProps}
|
|
padding={14}
|
|
gap={0}
|
|
>
|
|
<p>{t('auto')}</p>
|
|
<Button
|
|
size="sm"
|
|
variant="text"
|
|
className={css({
|
|
color: 'primary.300',
|
|
marginLeft: '0.5rem',
|
|
})}
|
|
onPress={() => handleDismiss()}
|
|
>
|
|
{t('dismiss')}
|
|
</Button>
|
|
</HStack>
|
|
</StyledToastContainer>
|
|
)
|
|
}
|