api keys

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

@@ -20,6 +20,7 @@ import {
 import { GetApiKeyResponse } from "@server/routers/apiKeys";
 import ApiKeyProvider from "@app/providers/ApiKeyProvider";
 import { HorizontalTabs } from "@app/components/HorizontalTabs";
+import { useTranslations } from "next-intl";
 
 interface SettingsLayoutProps {
     children: React.ReactNode;
@@ -29,6 +30,8 @@ interface SettingsLayoutProps {
 export default async function SettingsLayout(props: SettingsLayoutProps) {
     const params = await props.params;
 
+    const t = useTranslations();
+
     const { children } = props;
 
     let apiKey = null;
@@ -45,7 +48,7 @@ export default async function SettingsLayout(props: SettingsLayoutProps) {
 
     const navItems = [
         {
-            title: "Permissions",
+            title: t('apiKeysPermissionsTitle'),
             href: "/{orgId}/settings/api-keys/{apiKeyId}/permissions"
         }
     ];