@buoy-gg/events 2.1.1 → 2.1.2

package/lib/commonjs/components/EventsModal.js

@@ -147,13 +147,10 @@ function EventsModal({
             size: 14,
             color: totalCount > 0 ? _sharedUi.buoyColors.textMuted : _sharedUi.buoyColors.textMuted + "50"
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          onPress: toggleCapturing,
-          style: [styles.headerActionButton, isCapturing ? styles.startButton : styles.stopButton],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Power, {
-            size: 14,
-            color: isCapturing ? _sharedUi.buoyColors.success : _sharedUi.buoyColors.error
-          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PowerToggleButton, {
+          isEnabled: isCapturing,
+          onToggle: toggleCapturing,
+          accessibilityLabel: "Toggle event capture"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
           onPress: clearEvents,
           style: [styles.headerActionButton, totalCount === 0 && styles.headerActionButtonDisabled],

package/lib/module/components/EventsModal.js

@@ -10,7 +10,7 @@
 import { View, StyleSheet, TouchableOpacity, Text, Alert } from "react-native";
 import { useState, useCallback } from "react";
 import { useRouter } from "expo-router";
-import { JsModal, ModalHeader, buoyColors, Trash2, Power, Copy, devToolsStorageKeys, ToolbarCopyButton, UpgradeModal } from "@buoy-gg/shared-ui";
+import { JsModal, ModalHeader, buoyColors, Trash2, Copy, devToolsStorageKeys, ToolbarCopyButton, UpgradeModal, PowerToggleButton } from "@buoy-gg/shared-ui";
 import { useUnifiedEvents } from "../hooks/useUnifiedEvents";
 import { UnifiedEventFilters } from "./UnifiedEventFilters";
 import { UnifiedEventList } from "./UnifiedEventList";
@@ -143,13 +143,10 @@ export function EventsModal({
             size: 14,
             color: totalCount > 0 ? buoyColors.textMuted : buoyColors.textMuted + "50"
           })
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          onPress: toggleCapturing,
-          style: [styles.headerActionButton, isCapturing ? styles.startButton : styles.stopButton],
-          children: /*#__PURE__*/_jsx(Power, {
-            size: 14,
-            color: isCapturing ? buoyColors.success : buoyColors.error
-          })
+        }), /*#__PURE__*/_jsx(PowerToggleButton, {
+          isEnabled: isCapturing,
+          onToggle: toggleCapturing,
+          accessibilityLabel: "Toggle event capture"
         }), /*#__PURE__*/_jsx(TouchableOpacity, {
           onPress: clearEvents,
           style: [styles.headerActionButton, totalCount === 0 && styles.headerActionButtonDisabled],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/events",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "events package",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -27,8 +27,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "2.1.1",
-    "@buoy-gg/shared-ui": "2.1.1"
+    "@buoy-gg/floating-tools-core": "2.1.2",
+    "@buoy-gg/shared-ui": "2.1.2"
   },
   "peerDependencies": {
     "react": "*",

package/src/components/EventsModal.tsx

@@ -13,11 +13,11 @@ import {
   ModalHeader,
   buoyColors,
   Trash2,
-  Power,
   Copy,
   devToolsStorageKeys,
   ToolbarCopyButton,
   UpgradeModal,
+  PowerToggleButton,
 } from "@buoy-gg/shared-ui";
 import type { ModalMode } from "@buoy-gg/shared-ui";
 import { useUnifiedEvents } from "../hooks/useUnifiedEvents";
@@ -180,22 +180,11 @@ export function EventsModal({
             />
           </TouchableOpacity>
 
-          <TouchableOpacity
-            onPress={toggleCapturing}
-            style={[
-              styles.headerActionButton,
-              isCapturing ? styles.startButton : styles.stopButton,
-            ]}
-          >
-            <Power
-              size={14}
-              color={
-                isCapturing
-                  ? buoyColors.success
-                  : buoyColors.error
-              }
-            />
-          </TouchableOpacity>
+          <PowerToggleButton
+            isEnabled={isCapturing}
+            onToggle={toggleCapturing}
+            accessibilityLabel="Toggle event capture"
+          />
 
           <TouchableOpacity
             onPress={clearEvents}