From 1b01875e183f91dd9b2101e322ec330745bd261c Mon Sep 17 00:00:00 2001
From: Maryia <103177211+maryia-deriv@users.noreply.github.com>
Date: Wed, 1 Feb 2023 05:17:34 +0300
Subject: [PATCH] Maryia/84861/fix: prevent selling off accumulators same like
 multipliers (#7325)

* fix: prevent selling off accumulators same as multipliers

* style: prettifying

* chore: added contract type name + padding

---------

Co-authored-by: Matin shafiei <matin@deriv.com>
---
 src/javascript/app/pages/user/view_popup/view_popup.js | 7 ++++++-
 src/sass/app/sell_popup.scss                           | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/javascript/app/pages/user/view_popup/view_popup.js b/src/javascript/app/pages/user/view_popup/view_popup.js
index 2832c505e251f..d27f905993bd8 100644
--- a/src/javascript/app/pages/user/view_popup/view_popup.js
+++ b/src/javascript/app/pages/user/view_popup/view_popup.js
@@ -18,6 +18,7 @@ const Utility                  = require('../../../../_common/utility');
 const ViewPopup = (() => {
     let contract_id,
         contract,
+        is_accumulator_contract,
         is_multiplier_contract,
         is_sold,
         is_sold_before_start,
@@ -75,6 +76,7 @@ const ViewPopup = (() => {
         // Lookback multiplier value
         multiplier = contract.multiplier;
         is_multiplier_contract = /MULTDOWN|MULTUP/.test(contract.contract_type);
+        is_accumulator_contract = /ACCU/.test(contract.contract_type);
 
         if (contract && document.getElementById(wrapper_id)) {
             update();
@@ -88,6 +90,7 @@ const ViewPopup = (() => {
         let contract_type_display;
 
         const initContractTypeDisplay = () => ({
+            ACCU        : localize('Accumulator'),
             ASIANU      : localize('Asian Up'),
             ASIAND      : localize('Asian Down'),
             CALL        : localize('Higher'),
@@ -254,7 +257,9 @@ const ViewPopup = (() => {
             );
         }
 
-        const is_unsupported_contract = is_multiplier_contract || Callputspread.isCallputspread(contract.contract_type);
+        const is_unsupported_contract = is_accumulator_contract
+                                    || is_multiplier_contract
+                                    || Callputspread.isCallputspread(contract.contract_type);
         if (!is_started) {
             containerSetText('trade_details_entry_spot > span', '-');
             containerSetText('trade_details_message', localize('Contract has not started yet'));
diff --git a/src/sass/app/sell_popup.scss b/src/sass/app/sell_popup.scss
index 44d3160fe9b63..20c6350601edf 100644
--- a/src/sass/app/sell_popup.scss
+++ b/src/sass/app/sell_popup.scss
@@ -141,6 +141,7 @@
                     font-style: italic;
                 }
                 #trade_details_bottom {
+                    padding-bottom: 20px;
                     @media screen and (max-width: 480px) {
                         padding-bottom: 25px;
                     }