Replace portal title with entity name

Store a short entity name instead of the full home
heading so orgs can brand portals for sub-entities.
Restore hero i18n composition and keep the English
document title composed from the entity name.

Signed-off-by: Émile Ré <emile@probo.com>

apps/compliance-portal/src/_locales/de-DE.json

@@ -45,6 +45,7 @@
     }
   },
   "home": {
+    "heroTitle": "Vertrauen bei {{name}}.",
     "heroDescription": "Willkommen auf unserem Compliance-Portal. Hier finden Sie unsere Sicherheitsdokumentation und Zertifizierungen.",
     "sections": {
       "compliance": "Compliance",

apps/compliance-portal/src/_locales/en-US.json

@@ -55,6 +55,7 @@
     }
   },
   "home": {
+    "heroTitle": "Compliance at {{name}}.",
     "heroDescription": "Welcome to our Compliance Portal. Find our security documentation and certifications here.",
     "sections": {
       "compliance": "Compliance",
@@ -104,4 +105,4 @@
     "previous": "Previous page",
     "next": "Next page"
   }
-}
+}

apps/compliance-portal/src/_locales/es-ES.json

@@ -45,6 +45,7 @@
     }
   },
   "home": {
+    "heroTitle": "Confianza en {{name}}.",
     "heroDescription": "Bienvenido a nuestro Portal de cumplimiento. Aquí encontrará nuestra documentación de seguridad y nuestras certificaciones.",
     "sections": {
       "compliance": "Cumplimiento",

apps/compliance-portal/src/_locales/fr-FR.json

@@ -45,6 +45,7 @@
     }
   },
   "home": {
+    "heroTitle": "La confiance chez {{name}}.",
     "heroDescription": "Bienvenue dans notre Portail de conformité. Retrouvez ici notre documentation et nos certifications de sécurité.",
     "sections": {
       "compliance": "Conformité",

apps/compliance-portal/src/_locales/id-ID.json

@@ -45,6 +45,7 @@
     }
   },
   "home": {
+    "heroTitle": "Kepercayaan di {{name}}.",
     "heroDescription": "Selamat datang di Portal Kepatuhan kami. Temukan dokumentasi keamanan dan sertifikasi kami di sini.",
     "sections": {
       "compliance": "Kepatuhan",

apps/compliance-portal/src/_locales/it-IT.json

@@ -45,6 +45,7 @@
     }
   },
   "home": {
+    "heroTitle": "La fiducia in {{name}}.",
     "heroDescription": "Benvenuti nel nostro Portale di conformità. Qui potete trovare la nostra documentazione di sicurezza e le nostre certificazioni.",
     "sections": {
       "compliance": "Conformità",

apps/compliance-portal/src/_locales/ja-JP.json

@@ -45,6 +45,7 @@
     }
   },
   "home": {
+    "heroTitle": "{{name}}における信頼。",
     "heroDescription": "コンプライアンスポータルへようこそ。セキュリティに関する文書や認証はこちらからご確認いただけます。",
     "sections": {
       "compliance": "コンプライアンス",

apps/compliance-portal/src/_locales/ko-KR.json

@@ -45,6 +45,7 @@
     }
   },
   "home": {
+    "heroTitle": "{{name}}의 신뢰.",
     "heroDescription": "컴플라이언스 포털에 오신 것을 환영합니다. 이곳에서 보안 문서와 인증 정보를 확인하실 수 있습니다.",
     "sections": {
       "compliance": "컴플라이언스",

apps/compliance-portal/src/_locales/pl-PL.json

@@ -45,6 +45,7 @@
     }
   },
   "home": {
+    "heroTitle": "Zaufanie w {{name}}.",
     "heroDescription": "Witamy w naszym Portalu Zgodności. Znajdziesz tu naszą dokumentację bezpieczeństwa i certyfikaty.",
     "sections": {
       "compliance": "Zgodność",

apps/compliance-portal/src/_locales/pt-PT.json

@@ -45,6 +45,7 @@
     }
   },
   "home": {
+    "heroTitle": "A confiança na {{name}}.",
     "heroDescription": "Bem-vindo ao nosso Portal de Conformidade. Encontre aqui a nossa documentação de segurança e certificações.",
     "sections": {
       "compliance": "Conformidade",

apps/compliance-portal/src/_locales/tr-TR.json

@@ -45,6 +45,7 @@
     }
   },
   "home": {
+    "heroTitle": "{{name}}'de Güven.",
     "heroDescription": "Uyumluluk Portalımıza hoş geldiniz. Güvenlik belgelerimizi ve sertifikalarımızı burada bulabilirsiniz.",
     "sections": {
       "compliance": "Uyumluluk",

apps/compliance-portal/src/_locales/uk-UA.json

@@ -45,6 +45,7 @@
     }
   },
   "home": {
+    "heroTitle": "Довіра в {{name}}.",
     "heroDescription": "Вітаємо у нашому Порталі відповідності. Тут ви знайдете нашу документацію з безпеки та сертифікати.",
     "sections": {
       "compliance": "Відповідність",

apps/compliance-portal/src/_locales/zh-CN.json

@@ -45,6 +45,7 @@
     }
   },
   "home": {
+    "heroTitle": "信赖 {{name}}。",
     "heroDescription": "欢迎访问我们的合规门户。您可以在此查看我们的安全文档和认证。",
     "sections": {
       "compliance": "合规",

apps/compliance-portal/src/components/TopBar/TopBar.tsx

@@ -45,7 +45,7 @@ const topBarFragment = graphql`
     }
     currentCompliancePortal @required(action: THROW) {
       themedLogoUrl
-      title
+      entityName
     }
   }
 `;
@@ -66,7 +66,7 @@ export function TopBar({ queryKey }: TopBarProps) {
   const localizedPath = useLocalizedPath();
 
   const { currentCompliancePortal } = data;
-  const title = currentCompliancePortal.title;
+  const entityName = currentCompliancePortal.entityName;
   const logoUrl = currentCompliancePortal.themedLogoUrl ?? undefined;
 
   const slots = topBar();
@@ -82,11 +82,11 @@ export function TopBar({ queryKey }: TopBarProps) {
             color="neutral"
             radius="small"
             src={logoUrl}
-            fallback={title.charAt(0) || "?"}
+            fallback={entityName.charAt(0) || "?"}
             className={slots.logo()}
           />
           <Text size={2} weight="medium" color="neutral" highContrast className={slots.brandName()}>
-            {title}
+            {entityName}
           </Text>
           <Text size={2} color="neutral" className={slots.tagline()}>
             {t("topBar.tagline")}

apps/compliance-portal/src/lib/mailingList/SubscribeDialogProvider.tsx

@@ -45,7 +45,7 @@ export const subscribeDialogProviderFragment = graphql`
     }
     currentCompliancePortal @required(action: THROW) {
       id
-      title
+      entityName
       viewerSubscription {
         id
       }
@@ -71,7 +71,7 @@ export function SubscribeDialogProvider({
   const [unsubscribeFromMailingList, isUnsubscribing] = useUnsubscribeFromMailingList();
 
   const viewer = data.viewer;
-  const { id: trustCenterId, title, viewerSubscription } = data.currentCompliancePortal;
+  const { id: trustCenterId, entityName, viewerSubscription } = data.currentCompliancePortal;
   const isSubscribed = viewerSubscription != null;
 
   const openSubscribe = useCallback(() => {
@@ -127,7 +127,7 @@ export function SubscribeDialogProvider({
           onOpenChange={setDialogOpen}
           trustCenterId={trustCenterId}
           viewerEmail={viewer.email}
-          organizationName={title}
+          organizationName={entityName}
         />
       )}
     </SubscribeDialogContextProvider>

apps/compliance-portal/src/pages/HomePage.tsx

@@ -34,7 +34,7 @@ import type { HomePageQuery } from "./__generated__/HomePageQuery.graphql";
 export const homePageQuery = graphql`
   query HomePageQuery @throwOnFieldError {
     currentCompliancePortal @required(action: THROW) {
-      title
+      entityName
       ...CompliancePortalContactInfo_compliancePortal
       ...ComplianceFrameworksSection_compliancePortal
       ...SecurityCommitmentsSection_compliancePortal
@@ -52,12 +52,12 @@ export function HomePage({ queryRef }: HomePageProps) {
   const { t } = useTranslation();
   const data = usePreloadedQuery<HomePageQuery>(homePageQuery, queryRef);
   const { currentCompliancePortal } = data;
-  const { title } = currentCompliancePortal;
+  const { entityName } = currentCompliancePortal;
 
   return (
     <>
       <Hero
-        title={title}
+        title={t("home.heroTitle", { name: entityName })}
         description={t("home.heroDescription")}
       >
         <CompliancePortalContactInfo compliancePortalKey={currentCompliancePortal} />

apps/compliance-portal/src/pages/nda/NDAPage.tsx

@@ -63,7 +63,7 @@ export const ndaPageQuery = graphql`
       id
     }
     currentCompliancePortal @required(action: THROW) {
-      title
+      entityName
       nonDisclosureAgreement {
         fileUrl
       }
@@ -238,7 +238,7 @@ export function NDAPage({ queryRef }: NDAPageProps) {
               {t("title")}
             </Heading>
             <Text size={2} color="neutral">
-              {t("subtitle", { name: compliancePortal.title })}
+              {t("subtitle", { name: compliancePortal.entityName })}
             </Text>
             {signature.consentText != null && (
               <Text size={1} color="faint" className={slots.consent()}>