finished styling ax tool tip display

Author: garrettlchow

src/app/containers/ProvConContainer.tsx

@@ -80,17 +80,19 @@ const ProvConContainer = (props: ProvConContainerProps): JSX.Element => {
     }
 
     // Flatten componentData properties into root level if they exist
-    if (node.componentData) {
+    if (node.componentData.context && !isEmptyObject(node.componentData.context)) {
       // Add context directly if it exists
-      if (node.componentData.context && !isEmptyObject(node.componentData.context)) {
-        filteredNode.context = node.componentData.context;
-      }
+      Object.entries(node.componentData.context).forEach(([key, value]) => {
+        if (!isEmptyObject(value)) {
+          filteredNode[`${key}`] = value;
+        }
+      });
 
       // Flatten componentData.props if they exist
       if (node.componentData.props && !isEmptyObject(node.componentData.props)) {
         Object.entries(node.componentData.props).forEach(([key, value]) => {
           if (!isEmptyObject(value)) {
-            filteredNode[`prop_${key}`] = value;
+            filteredNode[`${key}`] = value;
           }
         });
       }
@@ -99,7 +101,7 @@ const ProvConContainer = (props: ProvConContainerProps): JSX.Element => {
       if (node.componentData.hooksState && !isEmptyObject(node.componentData.hooksState)) {
         Object.entries(node.componentData.hooksState).forEach(([key, value]) => {
           if (!isEmptyObject(value)) {
-            filteredNode[`hook_${key}`] = value;
+            filteredNode[`${key}`] = value;
           }
         });
       }

src/app/styles/components/_ax.scss

@@ -61,3 +61,12 @@
   font-size: 16px;
   font-family: 'Outfit', sans-serif;
 }
+
+.tooltipData-JSONTree {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  padding: 8px 12px;
+  border-bottom: 1px solid #e5e7eb;
+  transition: background-color 150ms ease;
+}

src/extension/background.js

@@ -19,7 +19,7 @@ const metrics = {};
 function setupKeepAlive() {
   //ellie
   // Create an alarm that triggers every 4.9 minutes (under the 5-minute limit)
-  chrome.alarms.create('keepAlive', { periodInMinutes: 1 });
+  chrome.alarms.create('keepAlive', { periodInMinutes: 0.5 });
 
   chrome.alarms.onAlarm.addListener((alarm) => {
     if (alarm.name === 'keepAlive') {