From 6dae1c2a5cfa309b39d249325980a337fa9219e6 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Tue, 18 Jun 2024 21:51:32 -0400
Subject: [PATCH] Tweak language on API key list

---
 app/scenes/Settings/ApiKeys.tsx                   | 6 +++---
 app/scenes/Settings/components/ApiKeyListItem.tsx | 2 ++
 shared/i18n/locales/en_US/translation.json        | 3 +--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/scenes/Settings/ApiKeys.tsx b/app/scenes/Settings/ApiKeys.tsx
index ffd38f7c5..de096ea2b 100644
--- a/app/scenes/Settings/ApiKeys.tsx
+++ b/app/scenes/Settings/ApiKeys.tsx
@@ -43,7 +43,7 @@ function ApiKeys() {
 
   return (
     <Scene
-      title={t("API Keys")}
+      title={t("API")}
       icon={<CodeIcon />}
       actions={
         <>
@@ -60,7 +60,7 @@ function ApiKeys() {
         </>
       }
     >
-      <Heading>{t("API Keys")}</Heading>
+      <Heading>{t("API")}</Heading>
       <Text as="p" type="secondary">
         <Trans
           defaults="Create personal API keys to authenticate with the API and programatically control
@@ -80,7 +80,7 @@ function ApiKeys() {
       <PaginatedList
         fetch={apiKeys.fetchPage}
         items={apiKeys.orderedData}
-        heading={<h2>{t("Generated Keys")}</h2>}
+        heading={<h2>{t("Personal keys")}</h2>}
         renderItem={(apiKey: ApiKey) => (
           <ApiKeyListItem
             key={apiKey.id}
diff --git a/app/scenes/Settings/components/ApiKeyListItem.tsx b/app/scenes/Settings/components/ApiKeyListItem.tsx
index 85a0f9324..5cb4011e1 100644
--- a/app/scenes/Settings/components/ApiKeyListItem.tsx
+++ b/app/scenes/Settings/components/ApiKeyListItem.tsx
@@ -8,6 +8,7 @@ import CopyToClipboard from "~/components/CopyToClipboard";
 import Flex from "~/components/Flex";
 import ListItem from "~/components/List/Item";
 import Text from "~/components/Text";
+import Time from "~/components/Time";
 import useUserLocale from "~/hooks/useUserLocale";
 import ApiKeyMenu from "~/menus/ApiKeyMenu";
 import { dateToExpiry } from "~/utils/date";
@@ -28,6 +29,7 @@ const ApiKeyListItem = ({ apiKey, isCopied, onCopy }: Props) => {
 
   const subtitle = (
     <Text type={hasExpired ? "danger" : "tertiary"}>
+      {t(`Created`)} <Time dateTime={apiKey.createdAt} addSuffix /> &middot;{" "}
       {apiKey.expiresAt
         ? dateToExpiry(apiKey.expiresAt, t, userLocale)
         : t("No expiry")}
diff --git a/shared/i18n/locales/en_US/translation.json b/shared/i18n/locales/en_US/translation.json
index 5e98bf24f..575532aa0 100644
--- a/shared/i18n/locales/en_US/translation.json
+++ b/shared/i18n/locales/en_US/translation.json
@@ -766,9 +766,8 @@
   "No documents found for your search filters.": "No documents found for your search filters.",
   "Search Results": "Search Results",
   "API key copied to clipboard": "API key copied to clipboard",
-  "API Keys": "API Keys",
   "Create personal API keys to authenticate with the API and programatically control\n          your workspace's data. API keys have the same permissions as your user account.\n          For more details see the <em>developer documentation</em>.": "Create personal API keys to authenticate with the API and programatically control\n          your workspace's data. API keys have the same permissions as your user account.\n          For more details see the <em>developer documentation</em>.",
-  "Generated Keys": "Generated Keys",
+  "Personal keys": "Personal keys",
   "No expiry": "No expiry",
   "Copied": "Copied",
   "Revoking": "Revoking",