From 5eed08016d6a396f099df762672b6e414094002b Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Mon, 5 Dec 2022 11:22:49 -0700
Subject: [PATCH] Display log chooser with copy button

---
 web/src/routes/Logs.jsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/web/src/routes/Logs.jsx b/web/src/routes/Logs.jsx
index a6ab476aa..c0a02f07e 100644
--- a/web/src/routes/Logs.jsx
+++ b/web/src/routes/Logs.jsx
@@ -1,11 +1,29 @@
 import { h } from 'preact';
 import Heading from '../components/Heading';
-import { useEffect } from 'preact/hooks';
+import { useEffect, useState } from 'preact/hooks';
+import ButtonsTabbed from '../components/ButtonsTabbed';
+import useSWR from 'swr';
+import Button from '../components/Button';
 
 export default function Logs() {
+  const [logService, setLogService] = useState('frigate');
+
+  const { data: frigateLogs } = useSWR('logs/frigate');
+  const { data: go2rtcLogs } = useSWR('logs/go2rtc');
+  const { data: nginxLogs } = useSWR('logs/nginx');
+
   return (
     <div className="space-y-4 p-2 px-4">
       <Heading>Logs</Heading>
+
+      <ButtonsTabbed viewModes={['frigate', 'go2rtc', 'nginx']} setViewMode={setLogService} />
+
+      <div className='overflow-auto font-mono text-gray-900 dark:text-gray-100 rounded bg-gray-100 dark:bg-gray-800 p-2 whitespace-pre-wrap'>
+        {frigateLogs}
+      </div>
+      <Button className="">
+        Copy to Clipboard
+      </Button>
     </div>
   );
 }