v0.0.15 (#41)

* v0.0.15 ~ added category pills to storefront catalog screens

* fix event buffer hook and vehicle marker now calculates speed for marker movement duration

* Component bug fixes and improvements, receipt screen, socket patches

* several patches for vehicle live tracking and socket

* fix receipt screen;

* fixed critical bugs and made more responsive

Author: roncodes

App.tsx

@@ -16,7 +16,7 @@ import { NotificationProvider } from './src/contexts/NotificationContext';
 import { getDefaultStyle as getDefaultToastStyle } from './src/utils/toast';
 import config from './tamagui.config';
 
-const DEBUG_NAVIGATOR = false;
+const DEBUG_APP = false;
 function AppContent(): React.JSX.Element {
     const { appTheme } = useThemeContext();
 
@@ -82,7 +82,7 @@ function TestContent(): React.JSX.Element {
 }
 
 function App(): React.JSX.Element {
-    if (DEBUG_NAVIGATOR) {
+    if (DEBUG_APP) {
         return (
             <PortalProvider>
                 <ThemeProvider>

assets/images/payment-logos/ebarimt.png

@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/storefront-app",
-    "version": "0.0.14",
+    "version": "0.0.15",
     "private": true,
     "scripts": {
         "android": "react-native run-android",
@@ -93,6 +93,7 @@
         "react-native-notifications": "^5.1.0",
         "react-native-otp-entry": "^1.7.3",
         "react-native-permissions": "^4.1.1",
+        "react-native-qrcode-svg": "^6.3.20",
         "react-native-reanimated": "^3.16.1",
         "react-native-render-html": "^6.3.4",
         "react-native-safe-area-context": "^5.0.0",

package.json

@@ -94,15 +94,26 @@ const Badge = ({ status, color, inverted = false, icon, iconPlacement = 'left',
         </YStack>
     ) : null;
 
+    const hasChildren = children !== null && children !== undefined;
+
     return (
         <XStack alignItems='center' borderRadius='$4' borderWidth={1} backgroundColor={bg} borderColor={border} px={px} py={py} space='$1' {...props}>
             {iconPlacement === 'left' && iconElement}
-            {status && (
+
+            {hasChildren ? (
+                typeof children === 'string' ? (
+                    <Text color={text} fontWeight='bold' fontSize={fontSize}>
+                        {children}
+                    </Text>
+                ) : (
+                    children
+                )
+            ) : status ? (
                 <Text color={text} fontWeight='bold' fontSize={fontSize}>
                     {titleize(status)}
                 </Text>
-            )}
-            {children}
+            ) : null}
+
             {iconPlacement === 'right' && iconElement}
         </XStack>
     );