fix: case amount is null

Author: imyugioh

app/components/UI/Ramp/Views/OrderDetails/OrderContent.test.tsx

@@ -198,6 +198,16 @@ describe('OrderContent', () => {
     expect(tokenAmount).toHaveTextContent('... ETH');
   });
 
+  it('renders "0" when cryptoAmount is zero', () => {
+    const zeroAmountOrder: RampsOrder = {
+      ...mockOrder,
+      cryptoAmount: 0,
+    };
+    renderOrder(zeroAmountOrder);
+    const tokenAmount = screen.getByTestId('ramps-order-details-token-amount');
+    expect(tokenAmount).toHaveTextContent('0 ETH');
+  });
+
   it('does not render info row when statusDescription is absent', () => {
     const orderWithoutDescription: RampsOrder = {
       ...mockOrder,

app/components/UI/Ramp/Views/OrderDetails/OrderContent.tsx

@@ -320,7 +320,7 @@ const OrderContent: React.FC<OrderContentProps> = ({
           fontWeight={FontWeight.Bold}
           twClassName="mt-6 text-center"
         >
-          {order.cryptoAmount
+          {order.cryptoAmount != null
             ? (formatSubscriptNotation(
                 parseFloat(String(order.cryptoAmount)),
               ) ??