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

package/index.jsx

@@ -58,13 +58,13 @@ export default ({
   const errors = apis.filter((a) => a.response?.error).length;
   const numPendingApiCalls = apis.filter((a) => !a.response).length;
   let badgeHeight = 10;
-  if (variables?.GIT_BRANCH) badgeHeight += 10;
-  if (variables?.BUILD_DATE_TIME) badgeHeight += 10;
+  if (variables?.GIT_BRANCH) badgeHeight += 7;
+  if (variables?.BUILD_DATE_TIME) badgeHeight += 7;
   const hasEnvOrVersion = !!env || !!version;
-  if (hasEnvOrVersion) badgeHeight += 10;
-  if (DeviceInfo) badgeHeight += 10;
-  if (badgeHeight === 10) badgeHeight += 10;
-  labels.forEach(() => (badgeHeight += 10));
+  if (hasEnvOrVersion) badgeHeight += 7;
+  if (DeviceInfo) badgeHeight += 7;
+  if (badgeHeight === 10) badgeHeight += 7;
+  labels.forEach(() => (badgeHeight += 7));
 
   const {
     translateX,
@@ -175,7 +175,7 @@ const styles = StyleSheet.create({
     width: "100%",
     height: "100%",
   },
-  label: { color: "white", textAlign: "center", fontSize: 6 },
+  label: { color: "white", textAlign: "center", fontSize: 5 },
   badgeContainer: {
     gap: 3,
     flexDirection: "row",

package/package.json

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

package/useAnimation.ts

@@ -35,6 +35,10 @@ export default (defaultBadgeHeight) => {
     }),
   ).current;
 
+  useEffect(() => {
+    Animated.spring(badgeHeight, { toValue: isOpen ? height : defaultBadgeHeight, ...und }).start();
+  },[defaultBadgeHeight])
+
   useEffect(() => {
     Animated.spring(position, { toValue: isOpen ? { x: 0, y: 0 } : cachePosition.current, ...und }).start();
     Animated.spring(borderRadius, { toValue: isOpen ? 0 : defaultBorderRadius, ...und }).start();