From e3ce97d33e49d9995b6d42ec659aa034412ccd4c Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Wed, 1 May 2024 08:59:05 -0700
Subject: [PATCH] ui - sort the dropdown

---
 .../src/components/model_dashboard.tsx                 | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/model_dashboard.tsx b/ui/litellm-dashboard/src/components/model_dashboard.tsx
index 81d0aea26..8f12f9d68 100644
--- a/ui/litellm-dashboard/src/components/model_dashboard.tsx
+++ b/ui/litellm-dashboard/src/components/model_dashboard.tsx
@@ -448,6 +448,9 @@ const handleEditSubmit = async (formValues: Record<string, any>) => {
         }
         console.log("all_model_groups:", all_model_groups)
         let _array_model_groups = Array.from(all_model_groups)
+        // sort _array_model_groups alphabetically
+        _array_model_groups = _array_model_groups.sort();
+
         setAvailableModelGroups(_array_model_groups);
 
         const modelMetricsResponse = await modelMetricsCall(
@@ -1090,14 +1093,7 @@ const handleEditSubmit = async (formValues: Record<string, any>) => {
               <p style={{fontSize: '0.85rem', color: '#808080'}}>View how requests were load balanced within a model group</p>
             <Select
               className="mb-4 mt-2"
-              defaultValue="all"
             >
-              <SelectItem 
-                  value={"all"}
-                  onClick={() => updateModelMetrics(null)}
-                >
-                  All Model Groups
-                </SelectItem>
               {availableModelGroups.map((group, idx) => (
                 <SelectItem 
                   key={idx}