https://dev.kronoz.win/r/marzneshin.git
| 1 |
d42c6e6 |
Mardin |
2y ago |
import { useServicesQuery } from '@marzneshin/features/services'; |
| 2 |
d42c6e6 |
Mardin |
2y ago |
import { ExclamationTriangleIcon } from '@radix-ui/react-icons'; |
| 3 |
d42c6e6 |
Mardin |
2y ago |
import { Link } from '@tanstack/react-router' |
| 4 |
d42c6e6 |
Mardin |
2y ago |
import { useTranslation } from 'react-i18next'; |
| 5 |
d42c6e6 |
Mardin |
2y ago |
import { |
| 6 |
d42c6e6 |
Mardin |
2y ago |
Alert, |
| 7 |
d42c6e6 |
Mardin |
2y ago |
AlertDescription, |
| 8 |
d42c6e6 |
Mardin |
2y ago |
AlertTitle, |
| 9 |
d42c6e6 |
Mardin |
2y ago |
} from '@marzneshin/components'; |
| 10 |
d42c6e6 |
Mardin |
2y ago |
|
| 11 |
d42c6e6 |
Mardin |
2y ago |
export const UsersNoServiceAlert = () => { |
| 12 |
d42c6e6 |
Mardin |
2y ago |
const { t } = useTranslation(); |
| 13 |
d42c6e6 |
Mardin |
2y ago |
const { data } = useServicesQuery({ page: 1, size: 10 }); |
| 14 |
d42c6e6 |
Mardin |
2y ago |
return (data && data.pageCount === 0) && ( |
| 15 |
d42c6e6 |
Mardin |
2y ago |
<Alert> |
| 16 |
d42c6e6 |
Mardin |
2y ago |
<ExclamationTriangleIcon className="mr-2" /> |
| 17 |
d42c6e6 |
Mardin |
2y ago |
<AlertTitle className="font-semibold text-primary">{t('page.users.services-alert.title')}</AlertTitle> |
| 18 |
d42c6e6 |
Mardin |
2y ago |
<AlertDescription> |
| 19 |
d42c6e6 |
Mardin |
2y ago |
{t('page.users.services-alert.desc')} |
| 20 |
d42c6e6 |
Mardin |
2y ago |
<Link className="m-1 font-semibold text-secondary-foreground" to="/services">{t('page.nodes.certificate-alert.click')}</Link> |
| 21 |
d42c6e6 |
Mardin |
2y ago |
</AlertDescription> |
| 22 |
d42c6e6 |
Mardin |
2y ago |
</Alert> |
| 23 |
d42c6e6 |
Mardin |
2y ago |
) |
| 24 |
d42c6e6 |
Mardin |
2y ago |
} |
| 25 |
d42c6e6 |
Mardin |
2y ago |
|