From 608e7de44f4ecc9bba3d40f4edc52941ca4b951f Mon Sep 17 00:00:00 2001
From: Maryia <103177211+maryia-binary@users.noreply.github.com>
Date: Wed, 12 Oct 2022 18:03:22 +0300
Subject: [PATCH] chore: added price tags for barriers in contract details
 (#19)

---
 packages/core/src/Stores/chart-barrier-store.js          | 9 ++++++++-
 packages/core/src/Stores/contract-store.js               | 5 ++++-
 packages/shared/src/utils/constants/barriers.js          | 4 ++--
 .../shared/src/utils/helpers/dummy_accumulators_data.js  | 6 +++---
 .../src/Stores/Modules/SmartChart/Constants/barriers.js  | 4 ++--
 5 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/packages/core/src/Stores/chart-barrier-store.js b/packages/core/src/Stores/chart-barrier-store.js
index 1912722c65a6..788f723f2ab3 100644
--- a/packages/core/src/Stores/chart-barrier-store.js
+++ b/packages/core/src/Stores/chart-barrier-store.js
@@ -20,8 +20,15 @@ export class ChartBarrierStore {
 
     onChartBarrierChange;
 
-    constructor(high_barrier, low_barrier, onChartBarrierChange = null, { color, line_style, not_draggable } = {}) {
+    constructor(
+        high_barrier,
+        low_barrier,
+        onChartBarrierChange = null,
+        { color, hideBarrierLine, line_style, not_draggable, shade } = {}
+    ) {
         this.color = color;
+        this.hideBarrierLine = hideBarrierLine;
+        this.shade = shade;
         this.lineStyle = line_style || BARRIER_LINE_STYLES.SOLID;
         this.onChange = this.onBarrierChange;
 
diff --git a/packages/core/src/Stores/contract-store.js b/packages/core/src/Stores/contract-store.js
index c243ca3363c5..6b7ae49f0625 100644
--- a/packages/core/src/Stores/contract-store.js
+++ b/packages/core/src/Stores/contract-store.js
@@ -12,6 +12,7 @@ import {
     getContractValidationRules,
     BARRIER_COLORS,
     BARRIER_LINE_STYLES,
+    DEFAULT_SHADES,
     isBarrierSupported,
     getEndTime,
 } from '@deriv/shared';
@@ -167,8 +168,10 @@ export default class ContractStore extends BaseStore {
                 // create barrier only when it's available in response
                 const main_barrier = new ChartBarrierStore(barrier || high_barrier || entry_spot, low_barrier, null, {
                     color: is_dark_mode ? BARRIER_COLORS.DARK_GRAY : BARRIER_COLORS.GRAY,
-                    line_style: BARRIER_LINE_STYLES.SOLID,
+                    line_style: !isAccumulatorContract(contract_type) && BARRIER_LINE_STYLES.SOLID,
                     not_draggable: true,
+                    hideBarrierLine: isAccumulatorContract(contract_type),
+                    shade: isAccumulatorContract(contract_type) && DEFAULT_SHADES['2'],
                 });
 
                 main_barrier.updateBarrierShade(true, contract_type);
diff --git a/packages/shared/src/utils/constants/barriers.js b/packages/shared/src/utils/constants/barriers.js
index 99ba5131fb11..e8260879a426 100644
--- a/packages/shared/src/utils/constants/barriers.js
+++ b/packages/shared/src/utils/constants/barriers.js
@@ -13,8 +13,8 @@ export const CONTRACT_SHADES = {
     ASIAND: 'BELOW',
     MULTUP: 'ABOVE',
     MULTDOWN: 'BELOW',
-    ACCU: 'BETWEEN',
-    DECCU: 'OUTSIDE',
+    ACCU: 'NONE_DOUBLE',
+    DECCU: 'NONE_DOUBLE',
 };
 
 // Default non-shade according to number of barriers
diff --git a/packages/shared/src/utils/helpers/dummy_accumulators_data.js b/packages/shared/src/utils/helpers/dummy_accumulators_data.js
index 78c86691750f..858f1fcd3dae 100644
--- a/packages/shared/src/utils/helpers/dummy_accumulators_data.js
+++ b/packages/shared/src/utils/helpers/dummy_accumulators_data.js
@@ -1,11 +1,11 @@
 /* eslint-disable no-unused-vars */
 /* eslint-disable prefer-const */
-const dummy_current_time = 1665570506; // should be an epoch of some real tick!
+const dummy_current_time = 1665585812; // should be an epoch of some real tick!
 const dummy_start_time = dummy_current_time - 7;
 const dummy_end_time = dummy_current_time + 6;
 
-const high_barrier = 6534;
-const low_barrier = 6532;
+const high_barrier = 6528;
+const low_barrier = 6527;
 const tick_1_price = low_barrier + 0.1;
 const tick_2_price = low_barrier + 0.15;
 const tick_3_price = low_barrier + 0.5;
diff --git a/packages/trader/src/Stores/Modules/SmartChart/Constants/barriers.js b/packages/trader/src/Stores/Modules/SmartChart/Constants/barriers.js
index 99ba5131fb11..e8260879a426 100644
--- a/packages/trader/src/Stores/Modules/SmartChart/Constants/barriers.js
+++ b/packages/trader/src/Stores/Modules/SmartChart/Constants/barriers.js
@@ -13,8 +13,8 @@ export const CONTRACT_SHADES = {
     ASIAND: 'BELOW',
     MULTUP: 'ABOVE',
     MULTDOWN: 'BELOW',
-    ACCU: 'BETWEEN',
-    DECCU: 'OUTSIDE',
+    ACCU: 'NONE_DOUBLE',
+    DECCU: 'NONE_DOUBLE',
 };
 
 // Default non-shade according to number of barriers