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

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

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