From 134b401226f3ea7ba19471997d872c405fc812b5 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Wed, 9 Nov 2022 13:43:12 -0700
Subject: [PATCH] Use cpu usage stats in debug

---
 web/src/routes/Debug.jsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/web/src/routes/Debug.jsx b/web/src/routes/Debug.jsx
index 1c95ccf52..494044c93 100644
--- a/web/src/routes/Debug.jsx
+++ b/web/src/routes/Debug.jsx
@@ -18,7 +18,7 @@ export default function Debug() {
   } = useMqtt('stats');
   const { data: initialStats } = useSWR('stats');
 
-  const { detectors, service = {}, detection_fps: _, ...cameras } = stats || initialStats || emptyObject;
+  const { cpu_usages, detectors, service = {}, detection_fps: _, ...cameras } = stats || initialStats || emptyObject;
 
   const detectorNames = Object.keys(detectors || emptyObject);
   const detectorDataKeys = Object.keys(detectors ? detectors[detectorNames[0]] : emptyObject);
@@ -86,19 +86,28 @@ export default function Debug() {
                         <Tr>
                           <Th>Processes</Th>
                           <Th>Process ID</Th>
-                          <Th>Cpu Usage</Th>
+                          <Th>Cpu %</Th>
+                          <Th>Memory %</Th>
                         </Tr>
                       </Thead>
                       <Tbody>
                         <Tr key='capture' index='0'>
                           <Td>Capture</Td>
                           <Td>{cameras[camera]['capture_pid']}</Td>
-                          <Td>25%</Td>
+                          <Td>{cpu_usages[cameras[camera]['capture_pid']]['cpu']}%</Td>
+                          <Td>{cpu_usages[cameras[camera]['capture_pid']]['mem']}%</Td>
                         </Tr>
-                        <Tr key='detect' index='0'>
+                        <Tr key='detect' index='1'>
                           <Td>Detect</Td>
                           <Td>{cameras[camera]['pid']}</Td>
-                          <Td>2%</Td>
+                          <Td>{cpu_usages[cameras[camera]['pid']]['cpu']}%</Td>
+                          <Td>{cpu_usages[cameras[camera]['pid']]['cpu']}%</Td>
+                        </Tr>
+                        <Tr key='ffmpeg' index='2'>
+                          <Td>ffmpeg</Td>
+                          <Td>{cameras[camera]['ffmpeg_pid']}</Td>
+                          <Td>{cpu_usages[cameras[camera]['ffmpeg_pid']]['cpu']}%</Td>
+                          <Td>{cpu_usages[cameras[camera]['ffmpeg_pid']]['cpu']}%</Td>
                         </Tr>
                       </Tbody>
                     </Table>