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

Style

Browse Source 
Signed-off-by: Bryan Frimin <bryan@getprobo.com>
This commit is contained in:
Bryan Frimin
2025-10-20 15:11:34 +02:00
parent cb86949027
commit ebe2401132
2 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/trust/src/components/OrganizationSidebar.tsx
View File

@@ -76,7 +76,7 @@ export function OrganizationSidebar({
<div className="space-y-4"> <div className="space-y-4">
<h2 className="text-xs text-txt-secondary flex gap-1 items-center"> <h2 className="text-xs text-txt-secondary flex gap-1 items-center">
<IconMedal size={16} /> <IconMedal size={16} />
{__("Certifications")} {__("Frameworks")}
</h2> </h2>
<div <div
className="grid grid-cols-4 gap-4" className="grid grid-cols-4 gap-4"

21
apps/trust/src/pages/OverviewPage.tsx
View File

@@ -5,7 +5,12 @@ import type {
OverviewPageFragment$key, OverviewPageFragment$key,
} from "./__generated__/OverviewPageFragment.graphql"; } from "./__generated__/OverviewPageFragment.graphql";
import { Link, useOutletContext } from "react-router"; import { Link, useOutletContext } from "react-router";
import { groupBy, objectEntries, sprintf, getTrustCenterUrl } from "@probo/helpers"; import {
groupBy,
objectEntries,
sprintf,
getTrustCenterUrl,
} from "@probo/helpers";
import type { TrustGraphQuery$data } from "/queries/__generated__/TrustGraphQuery.graphql"; import type { TrustGraphQuery$data } from "/queries/__generated__/TrustGraphQuery.graphql";
import { useTranslate } from "@probo/i18n"; import { useTranslate } from "@probo/i18n";
import { Card, IconChevronRight } from "@probo/ui"; import { Card, IconChevronRight } from "@probo/ui";
@@ -89,7 +94,7 @@ function Documents({
const { __ } = useTranslate(); const { __ } = useTranslate();
const documentsPerType = groupBy( const documentsPerType = groupBy(
documents.map((edge) => edge.node), documents.map((edge) => edge.node),
(node) => documentTypeLabel(node.documentType, __), (node) => documentTypeLabel(node.documentType, __)
); );
const hasAudits = audits.length > 0; const hasAudits = audits.length > 0;
const hasDocuments = hasAudits || documents.length > 0; const hasDocuments = hasAudits || documents.length > 0;
@@ -107,7 +112,7 @@ function Documents({
<Rows className="mb-8"> <Rows className="mb-8">
{audits.length > 0 && ( {audits.length > 0 && (
<> <>
<RowHeader>{__("Certifications")}</RowHeader> <RowHeader>{__("Compliance")}</RowHeader>
{audits.map((audit) => ( {audits.map((audit) => (
<AuditRow key={audit.node.id} audit={audit.node} /> <AuditRow key={audit.node.id} audit={audit.node} />
))} ))}
@@ -144,7 +149,7 @@ function Subprocessors({
return null; return null;
} }
const hasAnyCountries = vendors.some(vendor => { const hasAnyCountries = vendors.some((vendor) => {
const vendorData = vendor.node as any; const vendorData = vendor.node as any;
return vendorData.countries && vendorData.countries.length > 0; return vendorData.countries && vendorData.countries.length > 0;
}); });
@@ -155,12 +160,16 @@ function Subprocessors({
<p className="text-sm text-txt-secondary mb-4"> <p className="text-sm text-txt-secondary mb-4">
{sprintf( {sprintf(
__("Third-party subprocessors %s work with:"), __("Third-party subprocessors %s work with:"),
organizationName, organizationName
)} )}
</p> </p>
<Rows className="mb-8 *:py-5"> <Rows className="mb-8 *:py-5">
{vendors.map((vendor) => ( {vendors.map((vendor) => (
<VendorRow key={vendor.node.id} vendor={vendor.node} hasAnyCountries={hasAnyCountries} /> <VendorRow
key={vendor.node.id}
vendor={vendor.node}
hasAnyCountries={hasAnyCountries}
/>
))} ))}
<Link to={url} className="text-sm font-medium flex gap-2 items-center"> <Link to={url} className="text-sm font-medium flex gap-2 items-center">
{__("See all subprocessors")} {__("See all subprocessors")}