From 29622d3151042fafd3654176d92946169e45a102 Mon Sep 17 00:00:00 2001
From: Konrad <11725227+mKoonrad@users.noreply.github.com>
Date: Wed, 18 Feb 2026 03:50:42 +0100
Subject: [PATCH] fix(i18n): mark strings inside div for translation (#2514)

---
 .../remix/app/components/general/billing-plans.tsx |  4 +++-
 .../components/general/user-profile-skeleton.tsx   |  2 +-
 apps/remix/app/routes/embed+/_v0+/_layout.tsx      |  7 ++++++-
 .../app/routes/embed+/v1+/authoring+/_layout.tsx   |  7 ++++++-
 .../pdf-viewer/pdf-viewer-konva-lazy.tsx           |  9 ++++++++-
 packages/ui/primitives/pdf-viewer/lazy.tsx         | 14 +++++++++++++-
 6 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/apps/remix/app/components/general/billing-plans.tsx b/apps/remix/app/components/general/billing-plans.tsx
index 5ea0b4a00..2dc6ffb6f 100644
--- a/apps/remix/app/components/general/billing-plans.tsx
+++ b/apps/remix/app/components/general/billing-plans.tsx
@@ -118,7 +118,9 @@ export const BillingPlans = ({ plans }: BillingPlansProps) => {
 
                 {price.product.features && price.product.features.length > 0 && (
                   <div className="mt-4 text-muted-foreground">
-                    <div className="text-sm font-medium">Includes:</div>
+                    <div className="text-sm font-medium">
+                      <Trans>Includes:</Trans>
+                    </div>
 
                     <ul className="mt-1 divide-y text-sm">
                       {price.product.features.map((feature, index) => (
diff --git a/apps/remix/app/components/general/user-profile-skeleton.tsx b/apps/remix/app/components/general/user-profile-skeleton.tsx
index 8966d98d2..7a2e2d2fa 100644
--- a/apps/remix/app/components/general/user-profile-skeleton.tsx
+++ b/apps/remix/app/components/general/user-profile-skeleton.tsx
@@ -51,7 +51,7 @@ export const UserProfileSkeleton = ({ className, user, rows = 2 }: UserProfileSk
       <div className="mt-8 w-full">
         <div className="dark:divide-foreground/30 dark:border-foreground/30 divide-y-2 divide-neutral-200 overflow-hidden rounded-lg border-2 border-neutral-200">
           <div className="text-muted-foreground dark:bg-foreground/20 bg-neutral-50 p-4 font-medium">
-            Documents
+            <Trans>Documents</Trans>
           </div>
 
           {Array(rows)
diff --git a/apps/remix/app/routes/embed+/_v0+/_layout.tsx b/apps/remix/app/routes/embed+/_v0+/_layout.tsx
index 17ba7dfab..b1c535281 100644
--- a/apps/remix/app/routes/embed+/_v0+/_layout.tsx
+++ b/apps/remix/app/routes/embed+/_v0+/_layout.tsx
@@ -1,3 +1,4 @@
+import { Trans } from '@lingui/react/macro';
 import { Outlet, isRouteErrorResponse, useRouteError } from 'react-router';
 
 import {
@@ -89,5 +90,9 @@ export function ErrorBoundary({ loaderData }: Route.ErrorBoundaryProps) {
     }
   }
 
-  return <div>Not Found</div>;
+  return (
+    <div>
+      <Trans>Not Found</Trans>
+    </div>
+  );
 }
diff --git a/apps/remix/app/routes/embed+/v1+/authoring+/_layout.tsx b/apps/remix/app/routes/embed+/v1+/authoring+/_layout.tsx
index 379bf6064..1a9e428ec 100644
--- a/apps/remix/app/routes/embed+/v1+/authoring+/_layout.tsx
+++ b/apps/remix/app/routes/embed+/v1+/authoring+/_layout.tsx
@@ -1,5 +1,6 @@
 import { useLayoutEffect } from 'react';
 
+import { Trans } from '@lingui/react/macro';
 import { Outlet, useLoaderData } from 'react-router';
 
 import { verifyEmbeddingPresignToken } from '@documenso/lib/server-only/embedding-presign/verify-embedding-presign-token';
@@ -75,7 +76,11 @@ export default function AuthoringLayout() {
   }, []);
 
   if (!hasValidToken) {
-    return <div>Invalid embedding presign token provided</div>;
+    return (
+      <div>
+        <Trans>Invalid embedding presign token provided</Trans>
+      </div>
+    );
   }
 
   return (
diff --git a/packages/ui/components/pdf-viewer/pdf-viewer-konva-lazy.tsx b/packages/ui/components/pdf-viewer/pdf-viewer-konva-lazy.tsx
index ab85b329d..5cf34870d 100644
--- a/packages/ui/components/pdf-viewer/pdf-viewer-konva-lazy.tsx
+++ b/packages/ui/components/pdf-viewer/pdf-viewer-konva-lazy.tsx
@@ -1,5 +1,6 @@
 import React, { Suspense, lazy } from 'react';
 
+import { Trans } from '@lingui/react/macro';
 import { type PDFDocumentProxy } from 'pdfjs-dist';
 
 import type { PdfViewerRendererMode } from './pdf-viewer-konva';
@@ -17,7 +18,13 @@ const EnvelopePdfViewer = lazy(async () => import('./pdf-viewer-konva'));
 
 export const PDFViewerKonvaLazy = (props: PDFViewerProps) => {
   return (
-    <Suspense fallback={<div>Loading...</div>}>
+    <Suspense
+      fallback={
+        <div>
+          <Trans>Loading...</Trans>
+        </div>
+      }
+    >
       <EnvelopePdfViewer {...props} />
     </Suspense>
   );
diff --git a/packages/ui/primitives/pdf-viewer/lazy.tsx b/packages/ui/primitives/pdf-viewer/lazy.tsx
index 30ce49d53..7f1bdc1ee 100644
--- a/packages/ui/primitives/pdf-viewer/lazy.tsx
+++ b/packages/ui/primitives/pdf-viewer/lazy.tsx
@@ -1,7 +1,19 @@
 import { ClientOnly } from '../../components/client-only';
 
+import { Trans } from '@lingui/react/macro';
+
 import { PDFViewer, type PDFViewerProps } from './base.client';
 
 export const PDFViewerLazy = (props: PDFViewerProps) => {
-  return <ClientOnly fallback={<div>Loading...</div>}>{() => <PDFViewer {...props} />}</ClientOnly>;
+  return (
+    <ClientOnly
+      fallback={
+        <div>
+          <Trans>Loading...</Trans>
+        </div>
+      }
+    >
+      {() => <PDFViewer {...props} />}
+    </ClientOnly>
+  );
 };