From 67b85d9dda33ab685e3cda2208406111d3f55de5 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Tue, 21 May 2024 18:39:25 -0700
Subject: [PATCH] undo ui changes

---
 .../src/components/create_key_button.tsx      | 36 ++-----------------
 .../src/components/view_key_table.tsx         | 14 +-------
 2 files changed, 3 insertions(+), 47 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/create_key_button.tsx b/ui/litellm-dashboard/src/components/create_key_button.tsx
index 2dda169c4..83e8d9264 100644
--- a/ui/litellm-dashboard/src/components/create_key_button.tsx
+++ b/ui/litellm-dashboard/src/components/create_key_button.tsx
@@ -106,26 +106,6 @@ const CreateKey: React.FC<CreateKeyProps> = ({
         );
       }
 
-      if (formValues?.permissions != null) { 
-        /*
-        existing permissions = ["get_spend_logs"]
-        make this a dict like
-        {
-          "get_spend_logs": true
-        }
-        */
-
-        let permissionsForAPI: Record<string, boolean> = {};
-
-        for (let i = 0; i < formValues?.permissions?.length; i++) {
-          let permissionName: string = formValues?.permissions[i];
-          permissionsForAPI[permissionName] = true;
-        }
-        formValues.permissions = permissionsForAPI;
-        
-      } 
-
-
       message.info("Making API Call");
       setIsModalVisible(true);
       const response = await keyCreateCall(accessToken, userID, formValues);
@@ -214,7 +194,8 @@ const CreateKey: React.FC<CreateKeyProps> = ({
             <Form.Item
               label="Models"
               name="models"
-              rules={[{ message: "Please select a model" }]}
+              rules={[{ required: true, message: "Please select a model" }]}
+              help="required"
             >
               <Select
                 mode="multiple"
@@ -339,19 +320,6 @@ const CreateKey: React.FC<CreateKeyProps> = ({
                   <TextInput placeholder="" />
                 </Form.Item>
 
-                <Form.Item
-                  className="mt-8"
-                  label="Allowed Routes"
-                  name="permissions"
-                  
-                  help={`Select routes this key is allowed to access`}
-                >
-                  <Select placeholder="n/a" mode="multiple" defaultValue={['get_spend_routes', 'llm_routes']} value={['get_spend_routes', 'llm_routes']}>
-                    <Select.Option value="get_spend_routes">Spend Reporting Routes (/global/spend/report, etc) </Select.Option>
-                    <Select.Option value="llm_routes">LLM routes (/chat, /completions, /embeddings)</Select.Option>
-                  </Select>
-                </Form.Item>
-                
                 <Form.Item label="Metadata" name="metadata" className="mt-8">
                   <Input.TextArea
                     rows={4}
diff --git a/ui/litellm-dashboard/src/components/view_key_table.tsx b/ui/litellm-dashboard/src/components/view_key_table.tsx
index 3fccf528c..3add65503 100644
--- a/ui/litellm-dashboard/src/components/view_key_table.tsx
+++ b/ui/litellm-dashboard/src/components/view_key_table.tsx
@@ -68,7 +68,6 @@ interface ItemData {
   team_id: string;
   metadata: any;
   expires: any;
-  permissions: Record<string, any> | null;
   // Add any other properties that exist in the item data
 }
 
@@ -597,18 +596,7 @@ const ViewKeyTable: React.FC<ViewKeyTableProps> = ({
         <Title>Token Name</Title>
         <Text className="my-1">{selectedToken.key_alias ? selectedToken.key_alias : selectedToken.key_name}</Text>
         <Title>Token ID</Title>
-        <Text className="my-1 text-[12px]">{selectedToken.token}</Text>
-        {
-          selectedToken.permissions != null ? (
-            <div>
-                <Title>Permissions</Title>
-                <pre>{JSON.stringify(selectedToken.permissions)}</pre>
-            </div>
-          ) : (
-            <></>
-          )
-        }
-              
+        <Text className="my-1 text-[12px]">{selectedToken.token}</Text>              
         <Title>Metadata</Title>
         <Text className="my-1"><pre>{JSON.stringify(selectedToken.metadata)} </pre></Text>
       </Card>