gitscope
← marzneshin / v0.3.2 / dashboard/src/features/hosts/tables/inbound-hosts/inbound-not-selected-alert-dialog.tsx
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/hosts/tables/inbound-hosts/inbound-not-selected-alert-dialog.tsx · TypeScript
Blame Raw
 1
 2import {
 3    AlertDialog,
 4    AlertDialogCancel,
 5    AlertDialogContent,
 6    AlertDialogDescription,
 7    AlertDialogFooter,
 8    AlertDialogHeader,
 9    AlertDialogTitle
10} from '@marzneshin/components'
11import { FC } from 'react'
12import { useTranslation } from 'react-i18next'
13
14interface InboundNotSelectedAlertDialogProps {
15    open: boolean;
16    onOpenChange: (s: boolean) => void;
17}
18
19export const InboundNotSelectedAlertDialog: FC<InboundNotSelectedAlertDialogProps> = (
20    { open, onOpenChange }
21) => {
22    const { t } = useTranslation()
23    return (
24        <AlertDialog open={open} onOpenChange={onOpenChange}>
25            <AlertDialogContent>
26                <AlertDialogHeader>
27                    <AlertDialogTitle>
28                        {t('page.hosts.no-inbound-selection-alert.title')}
29                    </AlertDialogTitle>
30                    <AlertDialogDescription>
31                        {t('page.hosts.no-inbound-selection-alert.desc')}
32                    </AlertDialogDescription>
33                </AlertDialogHeader>
34                <AlertDialogFooter>
35                    <AlertDialogCancel>
36                        {t('close')}
37                    </AlertDialogCancel>
38                </AlertDialogFooter>
39            </AlertDialogContent>
40        </AlertDialog>
41    )
42}