From 6002ff56bf121f3eb6b859bc7150522910280322 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Fri, 27 Feb 2026 21:41:53 -0800
Subject: [PATCH] update white label property names to match cloud

---
 .../[websiteId]/replays/[sessionId]/ReplayPlayback.tsx    | 6 +++---
 src/app/share/[slug]/[[...path]]/ShareNav.tsx             | 8 ++++----
 src/lib/types.ts                                          | 6 +++---
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/app/(main)/websites/[websiteId]/replays/[sessionId]/ReplayPlayback.tsx b/src/app/(main)/websites/[websiteId]/replays/[sessionId]/ReplayPlayback.tsx
index f915f6bde..60ea97ffb 100644
--- a/src/app/(main)/websites/[websiteId]/replays/[sessionId]/ReplayPlayback.tsx
+++ b/src/app/(main)/websites/[websiteId]/replays/[sessionId]/ReplayPlayback.tsx
@@ -9,7 +9,7 @@ import { ReplayPlayer } from './ReplayPlayer';
 export function ReplayPlayback({ websiteId, sessionId }: { websiteId: string; sessionId: string }) {
   const { data: replay, isLoading, error } = useReplayQuery(websiteId, sessionId);
   const { data: session } = useWebsiteSessionQuery(websiteId, sessionId);
-  const { formatMessage, labels } = useMessages();
+  const { t, labels } = useMessages();
 
   return (
     <LoadingPanel
@@ -25,9 +25,9 @@ export function ReplayPlayback({ websiteId, sessionId }: { websiteId: string; se
             <Row alignItems="center" gap="4">
               <Avatar seed={sessionId} size={48} />
               <Column>
-                <Text weight="bold">{formatMessage(labels.replay)}</Text>
+                <Text weight="bold">{t(labels.replay)}</Text>
                 <Text color="muted">
-                  {replay.eventCount} {formatMessage(labels.events).toLowerCase()}
+                  {replay.eventCount} {t(labels.events).toLowerCase()}
                 </Text>
               </Column>
             </Row>
diff --git a/src/app/share/[slug]/[[...path]]/ShareNav.tsx b/src/app/share/[slug]/[[...path]]/ShareNav.tsx
index 8afe1ce64..510f853f2 100644
--- a/src/app/share/[slug]/[[...path]]/ShareNav.tsx
+++ b/src/app/share/[slug]/[[...path]]/ShareNav.tsx
@@ -20,9 +20,9 @@ export function ShareNav({
   const { pathname } = useNavigation();
   const { slug, parameters, whiteLabel } = share;
 
-  const logoUrl = whiteLabel?.url || 'https://umami.is';
-  const logoName = whiteLabel?.name || 'umami';
-  const logoImage = whiteLabel?.image;
+  const logoDomain = whiteLabel?.domainName || 'https://umami.is';
+  const logoName = whiteLabel?.displayName || 'umami';
+  const logoImage = whiteLabel?.logoUrl;
 
   const renderPath = (path: string) => `/share/${slug}${path}`;
 
@@ -150,7 +150,7 @@ export function ShareNav({
     >
       <Row as="header" gap alignItems="center" justifyContent="space-between">
         {!collapsed && (
-          <a href={logoUrl} target="_blank" rel="noopener" style={{ marginLeft: 12 }}>
+          <a href={logoDomain} target="_blank" rel="noopener" style={{ marginLeft: 12 }}>
             <Row alignItems="center" gap>
               {logoImage ? (
                 <img src={logoImage} alt={logoName} style={{ height: 24 }} />
diff --git a/src/lib/types.ts b/src/lib/types.ts
index caa3e1e73..039e7f8da 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -178,7 +178,7 @@ export interface Board extends Omit<PrismaBoard, 'parameters'> {
 }
 
 export interface WhiteLabel {
-  name: string;
-  url: string;
-  image: string;
+  displayName: string;
+  domainName: string;
+  logoUrl: string;
 }