feat: use alert component

This commit is contained in:
nafees nazik
2023-09-20 23:09:03 +05:30
parent 20c4e956aa
commit 7fa4e09874

View File

@@ -5,6 +5,8 @@ import { integrationSlugNameMapping } from "public/data/frequentConstants";
import { ProjectPermissionCan } from "@app/components/permissions"; import { ProjectPermissionCan } from "@app/components/permissions";
import { import {
Alert,
AlertDescription,
DeleteActionModal, DeleteActionModal,
EmptyState, EmptyState,
FormControl, FormControl,
@@ -53,19 +55,16 @@ export const IntegrationsSection = ({
{!bot?.isActive && ( {!bot?.isActive && (
<div className="px-6 py-4"> <div className="px-6 py-4">
<EmptyState <Alert variant="warning">
icon={faExclamationTriangle} <FontAwesomeIcon icon={faExclamationTriangle} />
className="rounded-md border border-mineshaft-700 pt-8 pb-4" <AlertDescription>
title={ All the active integrations will be disabled. Disable End-to-End Encryption in{" "}
<> <Link href={`/project/${currentWorkspace?._id}/settings`} passHref>
No active integrations found. Enable End-to-End Encryption in{" "} <a className="underline underline-offset-2">project settings </a>
<Link href={`/project/${currentWorkspace?._id}/settings`} passHref> </Link>
<a className="underline underline-offset-2">project settings </a> to re-enable it .
</Link> </AlertDescription>
.{" "} </Alert>
</>
}
/>
</div> </div>
)} )}