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

Add social links

Browse Source 
Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>
This commit is contained in:
Sacha Al Himdani
2026-03-09 09:28:12 +01:00
parent 87415c0324
commit fe241fc136
42 changed files with 5428 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,4 @@
import { formatError } from "@probo/helpers";
import { detectSocialName, externalLinkProps, formatError } from "@probo/helpers";
import { useSystemTheme } from "@probo/hooks";
import { useTranslate } from "@probo/i18n";
import { UnAuthenticatedError } from "@probo/relay";
@@ -8,6 +8,7 @@ import {
IconBlock,
IconLock,
IconMedal,
SocialIcon,
useToast,
} from "@probo/ui";
import { type PropsWithChildren } from "react";
@@ -125,11 +126,7 @@ export function OrganizationSidebar({
</h2>
{trustCenter.organization.websiteUrl && (
<BusinessInfo label={__("Website")}>
<a
href={trustCenter.organization.websiteUrl}
target="_blank"
rel="noopener noreferrer"
>
<a {...externalLinkProps(trustCenter.organization.websiteUrl)}>
<span className="text-txt-info hover:underline ">
{new URL(trustCenter.organization.websiteUrl).host}
</span>
@@ -150,6 +147,20 @@ export function OrganizationSidebar({
{trustCenter.organization.headquarterAddress}
</BusinessInfo>
)}
{trustCenter.externalUrls.edges.length > 0 && (
<div className="flex flex-wrap gap-x-4 gap-y-2">
{trustCenter.externalUrls.edges.map(({ node }) => (
<a
key={node.id}
{...externalLinkProps(node.url)}
className="flex items-center gap-1.5 text-sm text-txt-secondary hover:text-txt-primary transition-colors"
>
<SocialIcon socialName={detectSocialName(node.url)} size={14} className="shrink-0" />
<span>{node.name}</span>
</a>
))}
</div>
)}
<hr className="my-6 -mx-6 h-px bg-border-low border-none" />

9
apps/trust/src/queries/TrustGraph.ts
View File

@@ -22,6 +22,15 @@ export const currentTrustGraphQuery = graphql`
email
headquarterAddress
}
externalUrls(first: 20) {
edges {
node {
id
name
url
}
}
}
...OverviewPageFragment
vendorInfo: vendors(first: 0) {
totalCount

107
apps/trust/src/queries/__generated__/TrustGraphCurrentQuery.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/**
* @generated SignedSource<<4eef287e3e3152affa1b16189a504c36>>
* @generated SignedSource<<74757bf9a32552f6353eb888c9f663cd>>
* @lightSyntaxTransform
* @nogrep
*/
@@ -33,6 +33,15 @@ export type TrustGraphCurrentQuery$data = {
}>;
};
readonly darkLogoFileUrl: string | null | undefined;
readonly externalUrls: {
readonly edges: ReadonlyArray<{
readonly node: {
readonly id: string;
readonly name: string;
readonly url: string;
};
}>;
};
readonly id: string;
readonly logoFileUrl: string | null | undefined;
readonly nonDisclosureAgreement: {
@@ -147,6 +156,54 @@ v11 = {
"storageKey": null
},
v12 = {
"alias": null,
"args": [
{
"kind": "Literal",
"name": "first",
"value": 20
}
],
"concreteType": "ComplianceExternalURLConnection",
"kind": "LinkedField",
"name": "externalUrls",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURLEdge",
"kind": "LinkedField",
"name": "edges",
"plural": true,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURL",
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
(v0/*: any*/),
(v7/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "url",
"storageKey": null
}
],
"storageKey": null
}
],
"storageKey": null
}
],
"storageKey": "externalUrls(first:20)"
},
v13 = {
"alias": "vendorInfo",
"args": [
{
@@ -170,28 +227,28 @@ v12 = {
],
"storageKey": "vendors(first:0)"
},
v13 = [
v14 = [
{
"kind": "Literal",
"name": "first",
"value": 50
}
],
v14 = [
v15 = [
{
"kind": "Literal",
"name": "first",
"value": 5
}
],
v15 = {
v16 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "isUserAuthorized",
"storageKey": null
},
v16 = {
v17 = {
"alias": null,
"args": null,
"concreteType": "DocumentAccess",
@@ -204,7 +261,7 @@ v16 = {
],
"storageKey": null
},
v17 = {
v18 = {
"alias": null,
"args": null,
"concreteType": "Framework",
@@ -293,15 +350,16 @@ return {
],
"storageKey": null
},
(v12/*: any*/),
{
"args": null,
"kind": "FragmentSpread",
"name": "OverviewPageFragment"
},
(v12/*: any*/),
(v13/*: any*/),
{
"alias": null,
"args": (v13/*: any*/),
"args": (v14/*: any*/),
"concreteType": "AuditConnection",
"kind": "LinkedField",
"name": "audits",
@@ -340,7 +398,7 @@ return {
},
{
"alias": null,
"args": (v13/*: any*/),
"args": (v14/*: any*/),
"concreteType": "ComplianceFrameworkConnection",
"kind": "LinkedField",
"name": "complianceFrameworks",
@@ -458,6 +516,7 @@ return {
],
"storageKey": null
},
(v12/*: any*/),
{
"alias": null,
"args": [
@@ -559,7 +618,7 @@ return {
},
{
"alias": null,
"args": (v14/*: any*/),
"args": (v15/*: any*/),
"concreteType": "DocumentConnection",
"kind": "LinkedField",
"name": "documents",
@@ -589,8 +648,8 @@ return {
"name": "title",
"storageKey": null
},
(v15/*: any*/),
(v16/*: any*/),
(v17/*: any*/),
{
"alias": null,
"args": null,
@@ -609,7 +668,7 @@ return {
},
{
"alias": null,
"args": (v14/*: any*/),
"args": (v15/*: any*/),
"concreteType": "TrustCenterFileConnection",
"kind": "LinkedField",
"name": "trustCenterFiles",
@@ -640,8 +699,8 @@ return {
"storageKey": null
},
(v7/*: any*/),
(v15/*: any*/),
(v16/*: any*/)
(v16/*: any*/),
(v17/*: any*/)
],
"storageKey": null
}
@@ -651,10 +710,10 @@ return {
],
"storageKey": "trustCenterFiles(first:5)"
},
(v12/*: any*/),
(v13/*: any*/),
{
"alias": null,
"args": (v13/*: any*/),
"args": (v14/*: any*/),
"concreteType": "AuditConnection",
"kind": "LinkedField",
"name": "audits",
@@ -694,12 +753,12 @@ return {
"name": "filename",
"storageKey": null
},
(v15/*: any*/),
(v16/*: any*/)
(v16/*: any*/),
(v17/*: any*/)
],
"storageKey": null
},
(v17/*: any*/)
(v18/*: any*/)
],
"storageKey": null
}
@@ -711,7 +770,7 @@ return {
},
{
"alias": null,
"args": (v13/*: any*/),
"args": (v14/*: any*/),
"concreteType": "ComplianceFrameworkConnection",
"kind": "LinkedField",
"name": "complianceFrameworks",
@@ -734,7 +793,7 @@ return {
"plural": false,
"selections": [
(v0/*: any*/),
(v17/*: any*/)
(v18/*: any*/)
],
"storageKey": null
}
@@ -750,16 +809,16 @@ return {
]
},
"params": {
"cacheID": "e64b984bdcf5a5fb2f19e69c6205ba9a",
"cacheID": "96e75937f385e17b760440e001cefc47",
"id": null,
"metadata": {},
"name": "TrustGraphCurrentQuery",
"operationKind": "query",
"text": "query TrustGraphCurrentQuery {\n currentTrustCenter {\n id\n slug\n logoFileUrl\n darkLogoFileUrl\n nonDisclosureAgreement {\n fileName\n fileUrl\n viewerSignature {\n status\n id\n }\n }\n organization {\n name\n description\n websiteUrl\n email\n headquarterAddress\n id\n }\n ...OverviewPageFragment\n vendorInfo: vendors(first: 0) {\n totalCount\n }\n audits(first: 50) {\n edges {\n node {\n id\n ...AuditRowFragment\n }\n }\n }\n complianceFrameworks(first: 50) {\n edges {\n node {\n id\n framework {\n ...FrameworkBadgeFragment\n id\n }\n }\n }\n }\n }\n}\n\nfragment AuditRowFragment on Audit {\n name\n report {\n id\n filename\n isUserAuthorized\n access {\n id\n status\n }\n }\n framework {\n id\n name\n lightLogoURL\n darkLogoURL\n }\n}\n\nfragment DocumentRowFragment on Document {\n id\n title\n isUserAuthorized\n access {\n id\n status\n }\n}\n\nfragment FrameworkBadgeFragment on Framework {\n id\n name\n lightLogoURL\n darkLogoURL\n}\n\nfragment OverviewPageFragment on TrustCenter {\n references(first: 14) {\n edges {\n node {\n id\n name\n logoUrl\n websiteUrl\n }\n }\n }\n vendors(first: 3) {\n edges {\n node {\n id\n countries\n ...VendorRowFragment\n }\n }\n }\n documents(first: 5) {\n edges {\n node {\n id\n ...DocumentRowFragment\n documentType\n }\n }\n }\n trustCenterFiles(first: 5) {\n edges {\n node {\n id\n category\n ...TrustCenterFileRowFragment\n }\n }\n }\n}\n\nfragment TrustCenterFileRowFragment on TrustCenterFile {\n id\n name\n isUserAuthorized\n access {\n id\n status\n }\n}\n\nfragment VendorRowFragment on Vendor {\n name\n description\n websiteUrl\n countries\n}\n"
"text": "query TrustGraphCurrentQuery {\n currentTrustCenter {\n id\n slug\n logoFileUrl\n darkLogoFileUrl\n nonDisclosureAgreement {\n fileName\n fileUrl\n viewerSignature {\n status\n id\n }\n }\n organization {\n name\n description\n websiteUrl\n email\n headquarterAddress\n id\n }\n externalUrls(first: 20) {\n edges {\n node {\n id\n name\n url\n }\n }\n }\n ...OverviewPageFragment\n vendorInfo: vendors(first: 0) {\n totalCount\n }\n audits(first: 50) {\n edges {\n node {\n id\n ...AuditRowFragment\n }\n }\n }\n complianceFrameworks(first: 50) {\n edges {\n node {\n id\n framework {\n ...FrameworkBadgeFragment\n id\n }\n }\n }\n }\n }\n}\n\nfragment AuditRowFragment on Audit {\n name\n report {\n id\n filename\n isUserAuthorized\n access {\n id\n status\n }\n }\n framework {\n id\n name\n lightLogoURL\n darkLogoURL\n }\n}\n\nfragment DocumentRowFragment on Document {\n id\n title\n isUserAuthorized\n access {\n id\n status\n }\n}\n\nfragment FrameworkBadgeFragment on Framework {\n id\n name\n lightLogoURL\n darkLogoURL\n}\n\nfragment OverviewPageFragment on TrustCenter {\n references(first: 14) {\n edges {\n node {\n id\n name\n logoUrl\n websiteUrl\n }\n }\n }\n vendors(first: 3) {\n edges {\n node {\n id\n countries\n ...VendorRowFragment\n }\n }\n }\n documents(first: 5) {\n edges {\n node {\n id\n ...DocumentRowFragment\n documentType\n }\n }\n }\n trustCenterFiles(first: 5) {\n edges {\n node {\n id\n category\n ...TrustCenterFileRowFragment\n }\n }\n }\n}\n\nfragment TrustCenterFileRowFragment on TrustCenterFile {\n id\n name\n isUserAuthorized\n access {\n id\n status\n }\n}\n\nfragment VendorRowFragment on Vendor {\n name\n description\n websiteUrl\n countries\n}\n"
}
};
})();
(node as any).hash = "d1ce7e38b42fad48e9f38bf00bb34d56";
(node as any).hash = "ca6f04fecf9bce92407f33e8c0e4bd03";
export default node;