From ed5e96b476c8787aecdc1565c95d9bc2045dc7e9 Mon Sep 17 00:00:00 2001
From: Rohit <rohit.rajan031101@gmail.com>
Date: Mon, 10 Feb 2025 15:06:21 +0530
Subject: [PATCH] feat: better notifications for api key page

---
 src/components/api/ApiKey.tsx | 81 +++++++++++++++++++++++++++++------
 1 file changed, 69 insertions(+), 12 deletions(-)

diff --git a/src/components/api/ApiKey.tsx b/src/components/api/ApiKey.tsx
index e92bd368..5afc6da1 100644
--- a/src/components/api/ApiKey.tsx
+++ b/src/components/api/ApiKey.tsx
@@ -83,11 +83,36 @@ const ApiKeyManager = () => {
     setLoading(true);
     try {
       const { data } = await axios.post(`${apiUrl}/auth/generate-api-key`);
-      setApiKey(data.api_key);
-
-      notify('success', t('apikey.notifications.generate_success'));
+      if (data.ok && data.api_key) {
+        setApiKey(data.api_key);
+        notify('success', t('apikey.notifications.success.generate'));
+      }
     } catch (error: any) {
-      notify('error', t('apikey.notifications.generate_error', { error: error.message }));
+      const status = error.response?.status;
+      let errorKey = 'unknown';
+  
+      switch (status) {
+        case 401:
+          errorKey = 'unauthorized';
+          break;
+        case 403:
+          errorKey = 'limit_reached';
+          break;
+        case 500:
+          errorKey = 'server';
+          break;
+        default:
+          if (error.message?.includes('Network Error')) {
+            errorKey = 'network';
+          }
+      }
+  
+      notify(
+        'error',
+        t(`apikey.notifications.errors.generate.${errorKey}`, {
+          error: error.response?.data?.message || error.message
+        })
+      );
     } finally {
       setLoading(false);
     }
@@ -96,22 +121,54 @@ const ApiKeyManager = () => {
   const deleteApiKey = async () => {
     setLoading(true);
     try {
-      await axios.delete(`${apiUrl}/auth/delete-api-key`);
-      setApiKey(null);
-      notify('success', t('apikey.notifications.delete_success'));
+      const response = await axios.delete(`${apiUrl}/auth/delete-api-key`);
+      if (response.data.ok) {
+        setApiKey(null);
+        notify('success', t('apikey.notifications.success.delete'));
+      }
     } catch (error: any) {
-      notify('error', t('apikey.notifications.delete_error', { error: error.message }));
+      const status = error.response?.status;
+      let errorKey = 'unknown';
+  
+      switch (status) {
+        case 401:
+          errorKey = 'unauthorized';
+          break;
+        case 404:
+          errorKey = 'not_found';
+          break;
+        case 500:
+          errorKey = 'server';
+          break;
+        default:
+          if (error.message?.includes('Network Error')) {
+            errorKey = 'network';
+          }
+      }
+  
+      notify(
+        'error',
+        t(`apikey.notifications.errors.delete.${errorKey}`, {
+          error: error.response?.data?.message || error.message
+        })
+      );
     } finally {
       setLoading(false);
     }
   };
 
-  const copyToClipboard = () => {
-    if (apiKey) {
-      navigator.clipboard.writeText(apiKey);
+  const copyToClipboard = async () => {
+    if (!apiKey) return;
+  
+    try {
+      await navigator.clipboard.writeText(apiKey);
       setCopySuccess(true);
+      notify('success', t('apikey.notifications.success.copy'));
+      
+      // Reset copy success state after 2 seconds
       setTimeout(() => setCopySuccess(false), 2000);
-      notify('info', t('apikey.notifications.copy_success'));
+    } catch (error) {
+      notify('error', t('apikey.notifications.errors.copy.failed'));
     }
   };