chore: add translations

packages/ui/primitives/data-table/data/data.tsx

@@ -1,37 +1,38 @@
+import { msg } from '@lingui/core/macro';
 import { CheckCircle2, Clock, File, FileText, Inbox, Link, XCircle } from 'lucide-react';
 
 export const statuses = [
   {
     value: 'INBOX',
-    label: 'Inbox',
+    label: msg`Inbox`,
     icon: Inbox,
     color: 'text-blue-700 dark:text-blue-300',
     bgColor: 'bg-blue-100 dark:bg-blue-100 text-blue-700 dark:text-blue-700',
   },
   {
     value: 'DRAFT',
-    label: 'Draft',
+    label: msg`Draft`,
     icon: File,
     color: 'text-yellow-500 dark:text-yellow-300',
     bgColor: 'bg-yellow-100 dark:bg-yellow-100 text-yellow-700 dark:text-yellow-700',
   },
   {
     value: 'PENDING',
-    label: 'Pending',
+    label: msg`Pending`,
     icon: Clock,
     color: 'text-blue-700 dark:text-blue-300',
     bgColor: 'bg-blue-100 dark:bg-blue-100 text-blue-700 dark:text-blue-700',
   },
   {
     value: 'COMPLETED',
-    label: 'Completed',
+    label: msg`Completed`,
     icon: CheckCircle2,
     color: 'text-documenso-700 dark:text-documenso-300',
     bgColor: 'bg-documenso-200 dark:bg-documenso-200 text-documenso-800 dark:text-documenso-800',
   },
   {
     value: 'REJECTED',
-    label: 'Rejected',
+    label: msg`Rejected`,
     icon: XCircle,
     color: 'text-red-700 dark:text-red-300',
     bgColor: 'bg-red-100 dark:bg-red-100 text-red-500 dark:text-red-700',
@@ -41,14 +42,14 @@ export const statuses = [
 export const sources = [
   {
     value: 'TEMPLATE',
-    label: 'Template',
+    label: msg`Template`,
     icon: FileText,
     color: 'text-blue-700 dark:text-blue-300',
     bgColor: 'bg-blue-100 dark:bg-blue-100 text-blue-700 dark:text-blue-700',
   },
   {
     value: 'DIRECT_LINK',
-    label: 'Direct Link',
+    label: msg`Direct Link`,
     icon: Link,
     color: 'text-green-700 dark:text-green-300',
     bgColor: 'bg-green-100 dark:bg-green-100 text-green-700 dark:text-green-700',
@@ -58,61 +59,61 @@ export const sources = [
 export const timePeriods = [
   {
     value: 'today',
-    label: 'Today',
+    label: msg`Today`,
   },
   {
     value: 'this-week',
-    label: 'This Week',
+    label: msg`This Week`,
   },
   {
     value: 'this-month',
-    label: 'This Month',
+    label: msg`This Month`,
   },
   {
     value: 'this-quarter',
-    label: 'This Quarter',
+    label: msg`This Quarter`,
   },
   {
     value: 'this-year',
-    label: 'This Year',
+    label: msg`This Year`,
   },
   {
     value: 'yesterday',
-    label: 'Yesterday',
+    label: msg`Yesterday`,
   },
   {
     value: 'last-week',
-    label: 'Last Week',
+    label: msg`Last Week`,
   },
   {
     value: 'last-month',
-    label: 'Last Month',
+    label: msg`Last Month`,
   },
   {
     value: 'last-quarter',
-    label: 'Last Quarter',
+    label: msg`Last Quarter`,
   },
   {
     value: 'last-year',
-    label: 'Last Year',
+    label: msg`Last Year`,
   },
   {
     value: 'all-time',
-    label: 'All Time',
+    label: msg`All Time`,
   },
 ];
 
 export const timePeriodGroups = [
   {
-    label: 'Present',
+    label: msg`Present`,
     values: ['today', 'this-week', 'this-month', 'this-quarter', 'this-year'],
   },
   {
-    label: 'Past',
+    label: msg`Past`,
     values: ['yesterday', 'last-week', 'last-month', 'last-quarter', 'last-year'],
   },
   {
-    label: '',
+    label: msg``,
     values: ['all-time'],
   },
 ];