(ui) show message again

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

@@ -123,12 +123,25 @@ const CreateKey: React.FC<CreateKeyProps> = ({
           visible={isModalVisible}
           onOk={handleOk}
           onCancel={handleCancel}
+          footer={null}
         >
-          {/* Display the result here */}
+          <Grid numItems={1} className="gap-2 w-full">
-          <p>
+          <Col numColSpan={1}>
-            API Key: {apiKey} <br />
+            <p>
-            {/* Display other API response details here */}
+              Please save this secret key somewhere safe and accessible. For
-          </p>
+              security reasons, <b>you will not be able to view it again</b>{" "}
+              through your LiteLLM account. If you lose this secret key, you will
+              need to generate a new one.
+            </p>
+          </Col>
+          <Col numColSpan={1}>
+            {apiKey != null ? (
+              <Text>API Key: {apiKey}</Text>
+            ) : (
+              <Text>Key being created, this might take 30s</Text>
+            )}
+          </Col>
+        </Grid>
         </Modal>
       )}
     </div>