From 1c151aedbd9debc563c0ee826219108bf60d8270 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 28 May 2025 23:51:40 +0530
Subject: [PATCH] feat: add docs

---
 src/components/api/ApiKey.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/api/ApiKey.tsx b/src/components/api/ApiKey.tsx
index b02a136f..ac8c3ea1 100644
--- a/src/components/api/ApiKey.tsx
+++ b/src/components/api/ApiKey.tsx
@@ -109,10 +109,13 @@ const ApiKeyManager = () => {
   return (
     <Container sx={{ alignSelf: 'flex-start' }}>
       <Typography variant="body2" sx={{ marginTop: '10px' }}>
-        View and test your API endpoints
+        Start by creating an API key below. Then,
         <a href={`${apiUrl}/api-docs/`} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none', marginLeft: '5px' }}>
-          here
+         test your API
         </a>
+        or read the <a href={`${apiUrl}/api-docs/`} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none', marginLeft: '5px' }}>
+         API documentation
+        </a> for setup instructions.
       </Typography>
       <Typography variant="h6" gutterBottom component="div" style={{ marginBottom: '20px' }}>
         {t('apikey.title')}