api keys

src/app/[orgId]/settings/api-keys/OrgApiKeysDataTable.tsx

@@ -7,6 +7,7 @@
 
 import { DataTable } from "@app/components/ui/data-table";
 import { ColumnDef } from "@tanstack/react-table";
+import { useTranslations } from "next-intl";
 
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -19,15 +20,18 @@ export function OrgApiKeysDataTable<TData, TValue>({
     columns,
     data
 }: DataTableProps<TData, TValue>) {
+
+    const t = useTranslations();
+
     return (
         <DataTable
             columns={columns}
             data={data}
-            title="API Keys"
-            searchPlaceholder="Search API keys..."
+            title={t('apiKeys')}
+            searchPlaceholder={t('searchApiKeys')}
             searchColumn="name"
             onAdd={addApiKey}
-            addButtonText="Generate API Key"
+            addButtonText={t('apiKeysAdd')}
         />
     );
 }