From 644c55d41c09fe99bc07c9eb3e28239fda40895a Mon Sep 17 00:00:00 2001
From: ishaan-jaff <ishaanjaffer0324@gmail.com>
Date: Sat, 3 Feb 2024 13:48:24 -0800
Subject: [PATCH] (feat) enter key description on ui

---
 .../src/components/networking.tsx                | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/ui/litellm-dashboard/src/components/networking.tsx b/ui/litellm-dashboard/src/components/networking.tsx
index 7859c6a8cd..13add039ba 100644
--- a/ui/litellm-dashboard/src/components/networking.tsx
+++ b/ui/litellm-dashboard/src/components/networking.tsx
@@ -14,15 +14,31 @@ export const keyCreateCall = async (
   try {
     console.log("Form Values in keyCreateCall:", formValues); // Log the form values before making the API call    
     
+    // check if formValues.description is not undefined, make it a string and add it to formValues.metadata
+    if (formValues.description) {
+      // add to formValues.metadata
+      if (!formValues.metadata) {
+        formValues.metadata = {}
+      }
+      // value needs to be in "", valid JSON
+      formValues.metadata.description = formValues.description;
+      // remove descrption from formValues
+      delete formValues.description;
+      formValues.metadata = JSON.stringify(formValues.metadata);
+    }
     // if formValues.metadata is not undefined, make it a valid dict 
     if (formValues.metadata) {
+      console.log("formValues.metadata:", formValues.metadata);
       // if there's an exception JSON.parse, show it in the message
       try {
         formValues.metadata = JSON.parse(formValues.metadata);
       } catch (error) {
         message.error("Failed to parse metadata: " + error);
+        throw new Error("Failed to parse metadata: " + error);
       }
     }
+
+    console.log("Form Values after check:", formValues);
     const url = proxyBaseUrl ? `${proxyBaseUrl}/key/generate` : `/key/generate`;
     const response = await fetch(url, {
       method: "POST",