add error boundary for orders

Emurgo · Nov 9, 2023 · 29b79b7 · 29b79b7
1 parent 58929df
commit 29b79b7
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartSwapScreen/CreateOrder/EditLimitPrice.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartSwapScreen/CreateOrder/EditLimitPrice.tsx
@@ -68,7 +68,7 @@ const AmountInput = ({onChange, value, editable, inputRef}: AmountInputProps) =>
       placeholder="0"
       onChangeText={onChange}
       allowFontScaling
-      selectionColor={COLORS.TRANSPARENT_BLACK}
+      selectionColor="#242838"
       style={styles.amountInput}
       underlineColorAndroid="transparent"
       editable={editable}

diff --git a/apps/wallet-mobile/src/features/Swap/useCases/StartSwapScreen/ListOrders/ListOrders.tsx b/apps/wallet-mobile/src/features/Swap/useCases/StartSwapScreen/ListOrders/ListOrders.tsx
@@ -9,6 +9,8 @@ import {ButtonGroup} from '../../../common/ButtonGroup/ButtonGroup'
 import {useStrings} from '../../../common/strings'
 import {CompletedOrders, CompletedOrdersSkeleton} from './CompletedOrders'
 import {OpenOrders, OpenOrdersSkeleton} from './OpenOrders'
+import {ErrorBoundary} from 'react-error-boundary'
+import {ServiceUnavailable} from '../../../common/ServiceUnavailable/ServiceUnavailable'
 
 export const ListOrders = () => {
   const {navigateToTxHistory} = useWalletNavigation()
@@ -36,11 +38,19 @@ export const ListOrders = () => {
 
       {orderStatusIndex === 0 ? (
         <Boundary loading={{fallback: <OpenOrdersSkeleton />}}>
-          <OpenOrders />
+          <ErrorBoundary
+            fallbackRender={({resetErrorBoundary}) => <ServiceUnavailable resetErrorBoundary={resetErrorBoundary} />}
+          >
+            <OpenOrders />
+          </ErrorBoundary>
         </Boundary>
       ) : (
         <Boundary loading={{fallback: <CompletedOrdersSkeleton />}}>
-          <CompletedOrders />
+          <ErrorBoundary
+            fallbackRender={({resetErrorBoundary}) => <ServiceUnavailable resetErrorBoundary={resetErrorBoundary} />}
+          >
+            <CompletedOrders />
+          </ErrorBoundary>
         </Boundary>
       )}
     </View>