add warning based on region location

RegionX-Labs · Aug 18, 2024 · 8988fb8 · 8988fb8
1 parent 345c6c2
commit 8988fb8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/src/components/Orders/Modals/OrderProcessor/index.tsx b/src/components/Orders/Modals/OrderProcessor/index.tsx
@@ -25,7 +25,7 @@ import { useRegionXApi, useRelayApi } from '@/contexts/apis';
 import { ApiState } from '@/contexts/apis/types';
 import { useOrders } from '@/contexts/orders';
 import { useToast } from '@/contexts/toast';
-import { Order, RegionMetadata } from '@/models';
+import { Order, RegionLocation, RegionMetadata } from '@/models';
 
 import styles from './index.module.scss';
 import { OrderCard } from '../../OrderCard';
@@ -187,11 +187,19 @@ export const OrderProcessorModal = ({
               {regions.length === 0 ? (
                 <Alert severity='error'>No region avilable</Alert>
               ) : (
-                !checkRequirements(order, regionSelected) && (
-                  <Alert severity='error'>
-                    The selected region does not match requirements
-                  </Alert>
-                )
+                <>
+                  {!checkRequirements(order, regionSelected) && (
+                    <Alert severity='error'>
+                      The selected region does not match requirements
+                    </Alert>
+                  )}
+                  {regionSelected?.location !==
+                    RegionLocation.REGIONX_CHAIN && (
+                    <Alert severity='warning'>
+                      The selected region must first be transferred to RegionX
+                    </Alert>
+                  )}
+                </>
               )}
             </Stack>
           }

diff --git a/src/pages/orders/index.tsx b/src/pages/orders/index.tsx
@@ -35,7 +35,7 @@ const OrderDashboard = () => {
 
   const { network } = useNetwork();
   const { orders, status } = useOrders();
-  const { regions: regionData } = useRegions();
+  const { regions } = useRegions();
   const {
     state: { activeAccount },
   } = useAccounts();
@@ -176,7 +176,7 @@ const OrderDashboard = () => {
             open={processorModal}
             onClose={() => openProcessorModal(false)}
             order={orderSelected}
-            regions={regionData}
+            regions={regions}
           />
         </>
       )}