From 538cc6279c590e08515250ada7f6d88050943e1f Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Thu, 5 Sep 2024 15:57:52 -0700
Subject: [PATCH] ui show when key expires

---
 ui/litellm-dashboard/src/components/view_key_table.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/ui/litellm-dashboard/src/components/view_key_table.tsx b/ui/litellm-dashboard/src/components/view_key_table.tsx
index d54fb1386ad..70e8c520459 100644
--- a/ui/litellm-dashboard/src/components/view_key_table.tsx
+++ b/ui/litellm-dashboard/src/components/view_key_table.tsx
@@ -722,6 +722,7 @@ const ViewKeyTable: React.FC<ViewKeyTableProps> = ({
           <TableRow>
             <TableHeaderCell>Key Alias</TableHeaderCell>
             <TableHeaderCell>Secret Key</TableHeaderCell>
+            <TableHeaderCell>Expires</TableHeaderCell>
             <TableHeaderCell>Spend (USD)</TableHeaderCell>
             <TableHeaderCell>Budget (USD)</TableHeaderCell>
             <TableHeaderCell>Budget Reset</TableHeaderCell>
@@ -762,6 +763,15 @@ const ViewKeyTable: React.FC<ViewKeyTableProps> = ({
                 <TableCell>
                   <Text>{item.key_name}</Text>
                 </TableCell>
+                <TableCell>
+                {item.expires != null ? (
+                  <div>
+                    <p style={{ fontSize: '0.70rem' }}>{new Date(item.expires).toLocaleString()}</p>
+                  </div>
+                ) : (
+                  <p style={{ fontSize: '0.70rem' }}>Never</p>
+                )}
+              </TableCell>
                 <TableCell>
                   <Text>
                     {(() => {