← marzneshin
/
v0.3.0-alpha9
/
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}