Merge pull request #464 from bandada-infra/ref/dashboard

Fix API Key component not working properly
bandada-infra · Mar 31, 2024 · 9086474 · 9086474
2 parents 8233812 + 2e77a40
commit 9086474
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/apps/dashboard/src/components/api-key.tsx b/apps/dashboard/src/components/api-key.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react"
+import { useCallback, useEffect, useState } from "react"
 import {
     Box,
     Flex,
@@ -26,7 +26,7 @@ export default function ApiKeyComponent({
     const { onCopy } = useClipboard(apiKey)
     const toast = useToast()
 
-    useEffect(() => {
+    const getAdminInfo = useCallback(async () => {
         getAdmin(adminId).then((admin) => {
             if (admin) {
                 setAdmin(admin)
@@ -36,6 +36,10 @@ export default function ApiKeyComponent({
         })
     }, [adminId])
 
+    useEffect(() => {
+        getAdminInfo()
+    }, [getAdminInfo])
+
     useEffect(() => {
         if (isCopied) {
             const timer = setTimeout(() => {
@@ -91,7 +95,7 @@ export default function ApiKeyComponent({
                     "Successfully refreshed",
                     "success"
                 )
-                setApiKey(newApiKey)
+                getAdminInfo()
             }
         }
     }
@@ -132,9 +136,8 @@ export default function ApiKeyComponent({
                         ? "API key has been enabled."
                         : "API key has been disabled."
             }
-
+            getAdminInfo()
             showToast(toastTitle, toastDescription, "success")
-            setIsEnabled((prevState) => !prevState)
         }
     }