From 5372404a1273f25637302dc5557b2fb971b56a4c Mon Sep 17 00:00:00 2001
From: Sacha Al Himdani <sacha@getprobo.com>
Date: Wed, 11 Mar 2026 18:26:54 +0100
Subject: [PATCH] Fix compliance update display

Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>
---
 .../src/components/Skeletons/MainSkeleton.tsx |  1 +
 apps/trust/src/pages/UpdatesPage.tsx          | 29 ++++++++++++++-----
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/apps/trust/src/components/Skeletons/MainSkeleton.tsx b/apps/trust/src/components/Skeletons/MainSkeleton.tsx
index 7dded5482..484389445 100644
--- a/apps/trust/src/components/Skeletons/MainSkeleton.tsx
+++ b/apps/trust/src/components/Skeletons/MainSkeleton.tsx
@@ -16,6 +16,7 @@ export function MainSkeleton() {
           <TabLink to={getTrustCenterUrl("subprocessors")}>
             {__("Subprocessors")}
           </TabLink>
+          <TabLink to={getTrustCenterUrl("updates")}>{__("Updates")}</TabLink>
         </Tabs>
         <TabSkeleton />
       </main>
diff --git a/apps/trust/src/pages/UpdatesPage.tsx b/apps/trust/src/pages/UpdatesPage.tsx
index 330619cbf..3f64e8230 100644
--- a/apps/trust/src/pages/UpdatesPage.tsx
+++ b/apps/trust/src/pages/UpdatesPage.tsx
@@ -4,6 +4,7 @@ import { useState } from "react";
 import { type PreloadedQuery, usePreloadedQuery } from "react-relay";
 import { graphql } from "relay-runtime";
 
+import { Rows } from "#/components/Rows";
 import type { UpdatesPageQuery } from "#/pages/__generated__/UpdatesPageQuery.graphql";
 
 export const currentTrustUpdatesQuery = graphql`
@@ -41,14 +42,26 @@ export function UpdatesPage({ queryRef }: Props) {
   return (
     <div>
       <h2 className="font-medium mb-1">{__("Updates")}</h2>
-      <p className="text-sm text-txt-secondary mb-4">
-        {__("Latest compliance and security updates:")}
-      </p>
-      <div className="space-y-0">
-        {items.map(item => (
-          <UpdateItem key={item.id} item={item} />
-        ))}
-      </div>
+      {items.length === 0
+        ? (
+            <Rows>
+              <div className="text-sm text-txt-tertiary text-center py-5">
+                {__("No updates have been published yet.")}
+              </div>
+            </Rows>
+          )
+        : (
+            <>
+              <p className="text-sm text-txt-secondary mb-4">
+                {__("Latest compliance and security updates")}
+              </p>
+              <div className="space-y-0">
+                {items.map(item => (
+                  <UpdateItem key={item.id} item={item} />
+                ))}
+              </div>
+            </>
+          )}
     </div>
   );
 }