rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix slack connection empty case

Browse Source 
Signed-off-by: Émile Ré <emile@getprobo.com>
This commit is contained in:
Émile Ré
2026-01-31 13:38:53 +04:00
parent 6b9562690b
commit 7f71124b5a
1 changed files with 35 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
apps/console/src/pages/organizations/compliance-page/overview/_components/CompliancePageSlackSection.tsx
View File

@@ -44,14 +44,11 @@ export function CompliancePageSlackSection(props: { fragmentRef: CompliancePageS
className="flex items-center gap-3"
>
<div>
<img src={`/${slackConnection.id.toLowerCase()}.png`} alt="" />
<img src="/slack.png" alt="" />
</div>
<div className="mr-auto">
<h3 className="text-base font-semibold">Slack</h3>
<p className="text-sm text-txt-tertiary">
{slackConnection.createdAt
? (
<>
{sprintf(
__("Connected on %s"),
dateTimeFormat(slackConnection.createdAt),
@@ -62,28 +59,34 @@ export function CompliancePageSlackSection(props: { fragmentRef: CompliancePageS
{sprintf(__("Channel: %s"), slackConnection.channel)}
</>
)}
</>
)
: __("Manage your compliance page access with slack")}
</p>
</div>
{slackConnection.createdAt
? (
<div>
<Badge variant="success" size="md">
{__("Connected")}
</Badge>
</div>
)
: (
organization.compliancePage?.canUpdate && (
</Card>
))}
{organization.compliancePage?.canUpdate && organization.slackConnections.edges.length === 0 && (
<Card
padded
className="flex items-center gap-3"
>
<div>
<img src="/slack.png" alt="" />
</div>
<div className="mr-auto">
<h3 className="text-base font-semibold">Slack</h3>
<p className="text-sm text-txt-tertiary">
{__("Manage your compliance page access with slack")}
</p>
</div>
<Button variant="secondary" asChild>
<a href={getSlackConnectionUrl(organizationId)}>{__("Connect")}</a>
</Button>
)
)}
</Card>
))}
)}
</div>
</Card>
</div>