From 37360edbc165ff031bf4b21b922bc0e44d703264 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 28 Apr 2023 06:47:49 -0600
Subject: [PATCH] Show other system processes in system page (#6276)

---
 frigate/util.py           |  9 ++++++++-
 web/src/routes/System.jsx | 27 +++++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/frigate/util.py b/frigate/util.py
index 12139bf99..b01234c1a 100755
--- a/frigate/util.py
+++ b/frigate/util.py
@@ -824,7 +824,14 @@ def get_cpu_stats() -> dict[str, dict]:
                 else:
                     mem_pct = stats[9]
 
-                usages[stats[0]] = {
+                idx = stats[0]
+
+                if stats[-1] == "go2rtc":
+                    idx = "go2rtc"
+                elif stats[-1] == "frigate.r+":
+                    idx = "recording"
+
+                usages[idx] = {
                     "cpu": stats[8],
                     "mem": mem_pct,
                 }
diff --git a/web/src/routes/System.jsx b/web/src/routes/System.jsx
index 8a5f2c28f..0320e237b 100644
--- a/web/src/routes/System.jsx
+++ b/web/src/routes/System.jsx
@@ -345,6 +345,33 @@ export default function System() {
             </div>
           )}
 
+          <Heading size="lg">Other Processes</Heading>
+          <div data-testid="cameras" className="grid grid-cols-1 3xl:grid-cols-3 md:grid-cols-2 gap-4">
+            {['go2rtc', 'recording'].map((process) => (
+              <div key={process} className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow">
+                <div className="capitalize text-lg flex justify-between p-4">
+                  <div className="text-lg flex justify-between">{process}</div>
+                </div>
+                <div className="p-2">
+                  <Table className="w-full">
+                    <Thead>
+                      <Tr>
+                        <Th>CPU %</Th>
+                        <Th>Memory %</Th>
+                      </Tr>
+                    </Thead>
+                    <Tbody>
+                      <Tr key="ffmpeg" index="0">
+                        <Td>{cpu_usages[process]?.['cpu'] || '- '}%</Td>
+                        <Td>{cpu_usages[process]?.['mem'] || '- '}%</Td>
+                      </Tr>
+                    </Tbody>
+                  </Table>
+                </div>
+              </div>
+            ))}
+          </div>
+
           <p>System stats update automatically every {config.mqtt.stats_interval} seconds.</p>
         </Fragment>
       )}