react-native-in-app-debugger 1.0.16 → 1.0.18

package/Api.jsx

@@ -84,18 +84,15 @@ const Row = ({ item }) => {
   );
 };
 
+const isError = (a) => a.response?.status < 200 || a.response?.status >= 400;
 export default (props) => {
   const [filter, setFilter] = useState("");
   const [errorOnly, setErrorOnly] = useState(false);
   const [filterUrlOnly, setFilterUrlOnly] = useState(true);
   const [expands, setExpands] = useState({});
-  const apis = props.apis.filter(
-    (a) => !errorOnly || a.response?.status < 200 || a.response?.status >= 400
-  );
+  const apis = props.apis.filter((a) => !errorOnly || isError(a));
 
-  const hasError = apis.some(
-    (a) => a.response?.status < 200 || a.response?.status >= 400
-  );
+  const hasError = apis.some(isError);
 
   return (
     <>
@@ -117,7 +114,9 @@ export default (props) => {
               ])
             }
           >
-            <Text style={{ color: "black" }}>Clear {apis.length} APIs</Text>
+            <Text style={{ color: "black" }}>
+              Clear {props.apis.length} APIs
+            </Text>
           </TouchableOpacity>
         )}
         {hasError && !filter && (
@@ -131,7 +130,7 @@ export default (props) => {
                 textDecorationLine: errorOnly ? "line-through" : undefined,
               }}
             >
-              Error Only
+              {apis.filter(isError).length} Error(s) Only
             </Text>
           </TouchableOpacity>
         )}

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" }]}>

package/package.json

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