Add first i18n stuff

src/app/[orgId]/settings/share-links/ShareLinksDataTable.tsx

@@ -4,6 +4,7 @@ import {
     ColumnDef,
 } from "@tanstack/react-table";
 import { DataTable } from "@app/components/ui/data-table";
+import { useTranslations } from 'next-intl';
 
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -16,15 +17,18 @@ export function ShareLinksDataTable<TData, TValue>({
     data,
     createShareLink
 }: DataTableProps<TData, TValue>) {
+
+    const t = useTranslations();
+
     return (
         <DataTable
             columns={columns}
             data={data}
             title="Share Links"
-            searchPlaceholder="Search share links..."
+            searchPlaceholder={t('shareSearch')}
             searchColumn="name"
             onAdd={createShareLink}
-            addButtonText="Create Share Link"
+            addButtonText={t('shareCreate')}
         />
     );
 }

src/app/[orgId]/settings/share-links/ShareLinksTable.tsx

@@ -33,6 +33,7 @@ import { ListAccessTokensResponse } from "@server/routers/accessToken";
 import moment from "moment";
 import CreateShareLinkForm from "./CreateShareLinkForm";
 import { constructShareLink } from "@app/lib/shareLinks";
+import { useTranslations } from 'next-intl';
 
 export type ShareLinkRow = {
     accessTokenId: string;
@@ -54,6 +55,7 @@ export default function ShareLinksTable({
     orgId
 }: ShareLinksTableProps) {
     const router = useRouter();
+    const t = useTranslations();
 
     const api = createApiClient(useEnvContext());
 
@@ -67,11 +69,8 @@ export default function ShareLinksTable({
     async function deleteSharelink(id: string) {
         await api.delete(`/access-token/${id}`).catch((e) => {
             toast({
-                title: "Failed to delete link",
-                description: formatAxiosError(
-                    e,
-                    "An error occurred deleting link"
-                )
+                title: t('shareErrorDelete'),
+                description: formatAxiosError(e,t('shareErrorDeleteMessage'))
             });
         });
 
@@ -79,8 +78,8 @@ export default function ShareLinksTable({
         setRows(newRows);
 
         toast({
-            title: "Link deleted",
-            description: "The link has been deleted"
+            title: t('shareDeleted'),
+            description: t('shareDeletedDesciption')
         });
     }
 
@@ -102,7 +101,7 @@ export default function ShareLinksTable({
                                         className="h-8 w-8 p-0"
                                     >
                                         <span className="sr-only">
-                                            Open menu
+                                            {t('openMenu')}
                                         </span>
                                         <MoreHorizontal className="h-4 w-4" />
                                     </Button>
@@ -116,7 +115,7 @@ export default function ShareLinksTable({
                                         }}
                                     >
                                         <button className="text-red-500">
-                                            Delete
+                                            {t('delete')}
                                         </button>
                                     </DropdownMenuItem>
                                 </DropdownMenuContent>
@@ -136,7 +135,7 @@ export default function ShareLinksTable({
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Resource
+                        {t('resource')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -164,7 +163,7 @@ export default function ShareLinksTable({
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Title
+                        {t('title')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -243,7 +242,7 @@ export default function ShareLinksTable({
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Created
+                        {t('created')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -263,7 +262,7 @@ export default function ShareLinksTable({
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Expires
+                        {t('expires')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -273,7 +272,7 @@ export default function ShareLinksTable({
                 if (r.expiresAt) {
                     return moment(r.expiresAt).format("lll");
                 }
-                return "Never";
+                return t('never');
             }
         },
         {
@@ -286,7 +285,7 @@ export default function ShareLinksTable({
                             deleteSharelink(row.original.accessTokenId)
                         }
                     >
-                        Delete
+                        {t('delete')}
                     </Button>
                 </div>
             )

src/app/[orgId]/settings/share-links/page.tsx

@@ -9,6 +9,7 @@ import OrgProvider from "@app/providers/OrgProvider";
 import { ListAccessTokensResponse } from "@server/routers/accessToken";
 import ShareLinksTable, { ShareLinkRow } from "./ShareLinksTable";
 import ShareableLinksSplash from "./ShareLinksSplash";
+import { getTranslations } from 'next-intl/server';
 
 type ShareLinksPageProps = {
     params: Promise<{ orgId: string }>;
@@ -51,13 +52,15 @@ export default async function ShareLinksPage(props: ShareLinksPageProps) {
         (token) => ({ ...token }) as ShareLinkRow
     );
 
+    const t = await getTranslations();
+
     return (
         <>
             {/* <ShareableLinksSplash /> */}
 
             <SettingsSectionTitle
-                title="Manage Share Links"
-                description="Create shareable links to grant temporary or permanent access to your resources"
+                title={t('shareTitle')}
+                description={t('shareDescription')}
             />
 
             <OrgProvider org={org}>