feat: display time and detail for operation log item

LINBIT · Oct 1, 2024 · 65abcf8 · 65abcf8
1 parent 67d3446
commit 65abcf8
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/src/app/layouts/components/LogSidebar.tsx b/src/app/layouts/components/LogSidebar.tsx
@@ -133,14 +133,26 @@ const LogSidebar: React.FC = () => {
               <strong>URL:</strong> {selectedLog.url}
             </p>
             <p>
-              <strong>Timestamp:</strong> {new Date(selectedLog.timestamp).toLocaleString()}
-            </p>
-            <p>
-              <strong>Result Code:</strong> {selectedLog.result.ret_code}
+              <strong>Timestamp:</strong>{' '}
+              {new Date(selectedLog?.result?.created_at || selectedLog.timestamp).toLocaleString()}
             </p>
+
             <p>
               <strong>Message:</strong> {selectedLog.result.message}
             </p>
+
+            {selectedLog.result?.cause && (
+              <p>
+                <strong>Cause:</strong> {selectedLog.result.cause}
+              </p>
+            )}
+
+            {selectedLog.result?.details && (
+              <p>
+                <strong>Details:</strong> {selectedLog.result.details}
+              </p>
+            )}
+
             <Space
               style={{
                 marginTop: 10,

diff --git a/src/app/utils/toast.ts b/src/app/utils/toast.ts
@@ -28,7 +28,7 @@ interface LogItem {
   key: string;
   url: string;
   timestamp: number;
-  result: APICALLRC;
+  result: APICALLRC & { created_at?: number };
   read: boolean;
 }
 
@@ -193,7 +193,7 @@ class ApiLogManager {
 
 const logManager = ApiLogManager.getInstance();
 
-const handleAPICallRes = (callRes?: APICALLRCLIST, url: string) => {
+const handleAPICallRes = (callRes: APICALLRCLIST, url: string) => {
   if (!callRes || !callRes.length) {
     return;
   }