Merge pull request #36 from khalid-deriv/p2p

added dashing dash to ad table
carolsachdeva · Feb 25, 2022 · 863f6b9 · 863f6b9
2 parents c604170 + 787f626
commit 863f6b9
Showing 1 changed file with 28 additions and 20 deletions.
diff --git a/packages/p2p/src/components/buy-sell/buy-sell-row.jsx b/packages/p2p/src/components/buy-sell/buy-sell-row.jsx
@@ -91,15 +91,17 @@ const BuySellRow = ({ row: advert }) => {
                         </Text>
                     </div>
                     <div className='buy-sell-row__payment-methods-list'>
-                        {payment_method_names
-                            ? payment_method_names.map((payment_method, key) => {
-                                  return (
-                                      <div className='buy-sell-row__payment-method' key={key}>
-                                          {payment_method}
-                                      </div>
-                                  );
-                              })
-                            : null}
+                        {payment_method_names ? (
+                            payment_method_names.map((payment_method, key) => {
+                                return (
+                                    <div className='buy-sell-row__payment-method' key={key}>
+                                        {payment_method}
+                                    </div>
+                                );
+                            })
+                        ) : (
+                            <div className='buy-sell-row__payment-method'>-</div>
+                        )}
                     </div>
                     {!is_my_advert && (
                         <Button
@@ -158,17 +160,23 @@ const BuySellRow = ({ row: advert }) => {
             </Table.Cell>
             <Table.Cell>
                 <div className='buy-sell-row__payment-method'>
-                    {payment_method_names
-                        ? payment_method_names.map((payment_method, key) => {
-                              return (
-                                  <div className='buy-sell-row__payment-method--label' key={key}>
-                                      <Text color='general' size='xs' line-height='l'>
-                                          {payment_method}
-                                      </Text>
-                                  </div>
-                              );
-                          })
-                        : null}
+                    {payment_method_names ? (
+                        payment_method_names.map((payment_method, key) => {
+                            return (
+                                <div className='buy-sell-row__payment-method--label' key={key}>
+                                    <Text color='general' size='xs' line-height='l'>
+                                        {payment_method}
+                                    </Text>
+                                </div>
+                            );
+                        })
+                    ) : (
+                        <div className='buy-sell-row__payment-method--label'>
+                            <Text color='general' size='xs' line-height='l'>
+                                -
+                            </Text>
+                        </div>
+                    )}
                 </div>
             </Table.Cell>
             {is_my_advert ? (