From ddf7fc9b96bf9fec9b67d8e99b014d40cbf4292c Mon Sep 17 00:00:00 2001
From: Agusti Fernandez Pardo <git@agusti.me>
Date: Wed, 13 Apr 2022 19:43:45 +0200
Subject: [PATCH] feat: adds beta tag in security tab under api keys

---
 apps/web/ee/components/apiKeys/ApiKeyListContainer.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/web/ee/components/apiKeys/ApiKeyListContainer.tsx b/apps/web/ee/components/apiKeys/ApiKeyListContainer.tsx
index a7099e0272..ab79096e96 100644
--- a/apps/web/ee/components/apiKeys/ApiKeyListContainer.tsx
+++ b/apps/web/ee/components/apiKeys/ApiKeyListContainer.tsx
@@ -11,6 +11,7 @@ import { QueryCell } from "@lib/QueryCell";
 import { trpc } from "@lib/trpc";
 
 import { List } from "@components/List";
+import Badge from "@components/ui/Badge";
 
 export default function ApiKeyListContainer() {
   const { t } = useLocale();
@@ -26,7 +27,10 @@ export default function ApiKeyListContainer() {
         <>
           <div className="flex flex-row justify-between truncate pl-2 pr-1 ">
             <div className="mt-9">
-              <h2 className="font-cal text-lg font-medium leading-6 text-gray-900">{t("api_keys")}</h2>
+              <div className="flex flex-row space-x-2">
+                <h2 className="font-cal text-lg font-medium leading-6 text-gray-900">{t("api_keys")}</h2>
+                <Badge variant="default">βeta</Badge>
+              </div>
               <p className="mt-1 mb-5 text-sm text-gray-500">{t("api_keys_subtitle")}</p>
             </div>
             <div className="self-center">