From 6e9842a2571382b6e816c28c0cba3a1aabc792ce Mon Sep 17 00:00:00 2001
From: Sebastian Jambor <seb.jambor@gmail.com>
Date: Mon, 9 Jan 2023 14:39:38 +0100
Subject: [PATCH] filter keep-alives

---
 .../mastodon/features/activity_log/index.js          | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/javascript/mastodon/features/activity_log/index.js b/app/javascript/mastodon/features/activity_log/index.js
index 43a901154..8efb3d65a 100644
--- a/app/javascript/mastodon/features/activity_log/index.js
+++ b/app/javascript/mastodon/features/activity_log/index.js
@@ -18,14 +18,18 @@ export default function ActivityLog({ multiColumn }) {
     default:
       return state;
     }
-  }, dummy_data);
+  // }, dummy_data);
+  }, []);
 
   const columnElement = useRef(null);
 
   useEffect(() => {
     const eventSource = new EventSource('/api/v1/activity_log');
     eventSource.onmessage = (event) => {
-      dispatch(['add-log-event', JSON.parse(event.data)]);
+      const parsed = JSON.parse(event.data);
+      if (parsed.type !== 'keep-alive') {
+        dispatch(['add-log-event', parsed]);
+      }
     };
 
     return function() {
@@ -33,7 +37,6 @@ export default function ActivityLog({ multiColumn }) {
     };
   }, []);
 
-
   const darkMode = !(document.body && document.body.classList.contains('theme-mastodon-light'));
 
   return (
@@ -45,6 +48,9 @@ export default function ActivityLog({ multiColumn }) {
         multiColumn={multiColumn}
       />
 
+      <button onClick={() => navigator.clipboard.writeText(JSON.stringify(logs, null, 2))}>Copy logs</button>
+      <button onClick={() => dispatch(['reset-logs'])}>Clear logs</button>
+
       <div className={`${darkMode ? 'dark' : ''}`}>
         <ActivityPubVisualization logs={logs} />
       </div>