react-native-in-app-debugger 1.0.15 → 1.0.17

package/index.jsx

@@ -57,13 +57,13 @@ export default ({
 
   const errors = apis.filter((a) => a.response?.error).length;
   const numPendingApiCalls = apis.filter((a) => !a.response).length;
-  let badgeHeight = 10;
+  let badgeHeight = 20;
   if (variables?.GIT_BRANCH) badgeHeight += 7;
   if (variables?.BUILD_DATE_TIME) badgeHeight += 7;
   const hasEnvOrVersion = !!env || !!version;
   if (hasEnvOrVersion) badgeHeight += 7;
   if (DeviceInfo) badgeHeight += 7;
-  if (badgeHeight === 10) badgeHeight += 7;
+  if (badgeHeight === 20) badgeHeight += 7;
   labels.forEach(() => (badgeHeight += 7));
 
   const {
@@ -90,7 +90,7 @@ export default ({
       {...(isOpen ? {} : panResponder.panHandlers)}
     >
       {!isOpen ? (
-        <TouchableOpacity onPress={() => setIsOpen(true)} style={styles.box}>
+        <TouchableOpacity onPress={() => setIsOpen(true)} style={styles.box} activeOpacity={.8}>
           <View style={styles.badgeContainer}>
             {!!numPendingApiCalls && (
               <View style={[styles.badge, { backgroundColor: "orange" }]}>
@@ -175,7 +175,7 @@ const styles = StyleSheet.create({
     width: "100%",
     height: "100%",
   },
-  label: { color: "white", textAlign: "center", fontSize: 5 },
+  label: { color: "white", textAlign: "center", fontSize: 6 },
   badgeContainer: {
     gap: 3,
     flexDirection: "row",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "description": "",
   "main": "index.jsx",
   "scripts": {

package/useAnimation.ts

@@ -2,7 +2,7 @@ import { useEffect, useRef, useState } from 'react';
 import { Animated, PanResponder, useWindowDimensions } from 'react-native';
 
 const defaultBadgeWidth = 80;
-const defaultBorderRadius = 20;
+const defaultBorderRadius = 10;
 const und = { useNativeDriver: false };
 const touchThreshold = 10;