update white label property names to match cloud

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>

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 logoDomain = whiteLabel?.domainName || 'https://umami.is';
-  const logoName = whiteLabel?.name || 'umami';
+  const logoName = whiteLabel?.displayName || 'umami';
-  const logoImage = whiteLabel?.image;
+  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 }} />

src/lib/types.ts

@@ -178,7 +178,7 @@ export interface Board extends Omit<PrismaBoard, 'parameters'> {
 }
 
 export interface WhiteLabel {
-  name: string;
+  displayName: string;
-  url: string;
+  domainName: string;
-  image: string;
+  logoUrl: string;
 }