build(ui/litellm_dashboard_v_2): allow app owner to create keys and view their keys

ui/litellm-dashboard/src/components/networking.tsx

@@ -0,0 +1,65 @@
+/**
+ * Helper file for calls being made to proxy
+ */
+
+export const createKeyCall = async (
+  proxyBaseUrl: String,
+  accessToken: String,
+  userID: String
+) => {
+  try {
+    const response = await fetch(`${proxyBaseUrl}/key/generate`, {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        team_id: "core-infra-4",
+        max_budget: 10,
+        user_id: userID,
+      }),
+    });
+
+    if (!response.ok) {
+      throw new Error("Network response was not ok");
+    }
+
+    const data = await response.json();
+    console.log(data);
+    // Handle success - you might want to update some state or UI based on the created key
+  } catch (error) {
+    console.error("Failed to create key:", error);
+  }
+};
+
+export const userInfoCall = async (
+  proxyBaseUrl: String,
+  accessToken: String,
+  userID: String
+) => {
+  try {
+    const response = await fetch(
+      `${proxyBaseUrl}/user/info?user_id=${userID}`,
+      {
+        method: "GET",
+        headers: {
+          Authorization: `Bearer ${accessToken}`,
+          "Content-Type": "application/json",
+        },
+      }
+    );
+
+    if (!response.ok) {
+      throw new Error("Network response was not ok");
+    }
+
+    const data = await response.json();
+    console.log(data);
+    return data;
+    // Handle success - you might want to update some state or UI based on the created key
+  } catch (error) {
+    console.error("Failed to create key:", error);
+    throw error;
+  }
+};