From 9da55d7c4ec963c209e9151eecb41389f12446cb Mon Sep 17 00:00:00 2001
From: yuneng-jiang <yuneng.jiang@gmail.com>
Date: Wed, 4 Feb 2026 20:54:59 -0800
Subject: [PATCH] small fixes

---
 .../src/components/admins.tsx                 | 100 +++++++++---------
 1 file changed, 50 insertions(+), 50 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/admins.tsx b/ui/litellm-dashboard/src/components/admins.tsx
index 67b8551a34c..2915f065b53 100644
--- a/ui/litellm-dashboard/src/components/admins.tsx
+++ b/ui/litellm-dashboard/src/components/admins.tsx
@@ -183,7 +183,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({ proxySettings }) => {
 
   useEffect(() => {
     checkSSOConfiguration();
-  }, [accessToken, premiumUser]);
+  }, [accessToken, premiumUser, checkSSOConfiguration]);
 
   const handleUIAccessControlOk = () => {
     setIsUIAccessControlModalVisible(false);
@@ -246,56 +246,56 @@ const AdminPanel: React.FC<AdminPanelProps> = ({ proxySettings }) => {
             </div>
           </Card>
 
-            <div className="flex justify-start mb-4">
-              <SSOModals
-                isAddSSOModalVisible={isAddSSOModalVisible}
-                isInstructionsModalVisible={isInstructionsModalVisible}
-                handleAddSSOOk={handleAddSSOOk}
-                handleAddSSOCancel={handleAddSSOCancel}
-                handleShowInstructions={handleShowInstructions}
-                handleInstructionsOk={handleInstructionsOk}
-                handleInstructionsCancel={handleInstructionsCancel}
-                form={form}
-                accessToken={accessToken}
-                ssoConfigured={ssoConfigured}
-              />
-              <Modal
-                title="Manage Allowed IP Addresses"
-                width={800}
-                visible={isAllowedIPModalVisible}
-                onCancel={() => setIsAllowedIPModalVisible(false)}
-                footer={[
-                  <Button className="mx-1" key="add" onClick={() => setIsAddIPModalVisible(true)}>
-                    Add IP Address
-                  </Button>,
-                  <Button key="close" onClick={() => setIsAllowedIPModalVisible(false)}>
-                    Close
-                  </Button>,
-                ]}
-              >
-                <Table>
-                  <TableHead>
-                    <TableRow>
-                      <TableHeaderCell>IP Address</TableHeaderCell>
-                      <TableHeaderCell className="text-right">Action</TableHeaderCell>
+          <div className="flex justify-start mb-4">
+            <SSOModals
+              isAddSSOModalVisible={isAddSSOModalVisible}
+              isInstructionsModalVisible={isInstructionsModalVisible}
+              handleAddSSOOk={handleAddSSOOk}
+              handleAddSSOCancel={handleAddSSOCancel}
+              handleShowInstructions={handleShowInstructions}
+              handleInstructionsOk={handleInstructionsOk}
+              handleInstructionsCancel={handleInstructionsCancel}
+              form={form}
+              accessToken={accessToken}
+              ssoConfigured={ssoConfigured}
+            />
+            <Modal
+              title="Manage Allowed IP Addresses"
+              width={800}
+              open={isAllowedIPModalVisible}
+              onCancel={() => setIsAllowedIPModalVisible(false)}
+              footer={[
+                <Button className="mx-1" key="add" onClick={() => setIsAddIPModalVisible(true)}>
+                  Add IP Address
+                </Button>,
+                <Button key="close" onClick={() => setIsAllowedIPModalVisible(false)}>
+                  Close
+                </Button>,
+              ]}
+            >
+              <Table>
+                <TableHead>
+                  <TableRow>
+                    <TableHeaderCell>IP Address</TableHeaderCell>
+                    <TableHeaderCell className="text-right">Action</TableHeaderCell>
+                  </TableRow>
+                </TableHead>
+                <TableBody>
+                  {allowedIPs.map((ip, index) => (
+                    <TableRow key={index}>
+                      <TableCell>{ip}</TableCell>
+                      <TableCell className="text-right">
+                        {ip !== all_ip_address_allowed && (
+                          <Button onClick={() => handleDeleteIP(ip)} color="red" size="xs">
+                            Delete
+                          </Button>
+                        )}
+                      </TableCell>
                     </TableRow>
-                  </TableHead>
-                  <TableBody>
-                    {allowedIPs.map((ip, index) => (
-                      <TableRow key={index}>
-                        <TableCell>{ip}</TableCell>
-                        <TableCell className="text-right">
-                          {ip !== all_ip_address_allowed && (
-                            <Button onClick={() => handleDeleteIP(ip)} color="red" size="xs">
-                              Delete
-                            </Button>
-                          )}
-                        </TableCell>
-                      </TableRow>
-                    ))}
-                  </TableBody>
-                </Table>
-              </Modal>
+                  ))}
+                </TableBody>
+              </Table>
+            </Modal>
 
               <Modal
                 title="Add Allowed IP Address"