fix: fixed audit page

deriv-com · Aug 8, 2024 · 1306d8c · 1306d8c
1 parent 3eb3e7e
commit 1306d8c
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 9 deletions.
diff --git a/src/javascript/app/pages/trade/purchase/contract-details.jsx b/src/javascript/app/pages/trade/purchase/contract-details.jsx
@@ -13,16 +13,19 @@ import { TimeTooltipWrapper, triggerClick } from '../../../common/helpers';
 const AuditSection = ({ data }) => {
     const auditData = {
         start: {
-            title  : localize('Contract starts'),
-            content: data?.auditDataStart,
+            title    : localize('Contract starts'),
+            content  : data?.auditDataStart,
+            isVisible: data?.auditDataStart?.length > 0,
         },
         end: {
-            title  : localize('Contract ends'),
-            content: data?.auditDataEnd,
+            title    : localize('Contract ends'),
+            content  : data?.auditDataEnd,
+            isVisible: data?.auditDataEnd?.length > 0,
         },
         details: {
-            title  : localize('Contract details'),
-            content: data?.auditDataDetails,
+            title    : localize('Contract details'),
+            content  : data?.auditDataDetails,
+            isVisible: data?.auditDataDetails?.length > 0,
         },
     };
 
@@ -37,6 +40,9 @@ const AuditSection = ({ data }) => {
                     onClick={() => {
                         dataManager.setPurchase({
                             cd_showAudit: false,
+                            auditDataEnd: [],
+                            cd_infoMsg  : null,
+
                         });
                         triggerClick('#contract_purchase_button');
                     }}
@@ -57,17 +63,17 @@ const AuditSection = ({ data }) => {
                         <div className='details-column'>
                             <div className='contract-info-wrapper full'>
                                 {Object.keys(auditData).map(adk =>{
-                                    const { title,content } = auditData[adk];
+                                    const { title,content, isVisible } = auditData[adk];
 
                                     if (content){
                                         return (
                                             <React.Fragment key={`audit-table-${title}-${adk}`}>
-                                                <div className='table-box'>
+                                                <div className={`table-box ${isVisible ? '' : 'hide-table'}`} >
                                                     <Text size='md' bold centered>
                                                         {title}
                                                     </Text>
                                                 </div>
-                                                <div className='table-container'>
+                                                <div className={`table-container ${isVisible ? '' : 'hide-table'}`}>
                                                     <div className='table-item'>
                                                         <div className='item-header' />
                                                         <div className='item-content'>
@@ -130,7 +136,14 @@ const DetailsSection = ({ data }) => (
                 onClick={() => {
                     dataManager.setPurchase({
                         showContractDetailsPopup: false,
+                        cd_showSell             : false,
+                        cd_contractEnded        : false,
+                        cd_infoMsg              : null,
+                        cd_showAuditBtn         : false,
+                        auditDataEnd            : [],
+
                     });
+
                 }}
             />
             <div className='title-box'>
@@ -177,6 +190,12 @@ const ContractDetails = () => {
             if (event.key === 'Escape') {
                 dataManager.setPurchase({
                     showContractDetailsPopup: false,
+                    cd_showSell             : false,
+                    cd_contractEnded        : false,
+                    cd_infoMsg              : null,
+                    cd_showAuditBtn         : false,
+                    cd_showAudit            : false,
+                    auditDataEnd            : [],
                 });
             }
         };

diff --git a/src/javascript/app/pages/trade/purchase/purchase.jsx b/src/javascript/app/pages/trade/purchase/purchase.jsx
@@ -29,6 +29,8 @@ const Purchase = () => {
             error              : null,
             cd_errorMsg        : null,
             cd_showAuditBtn    : false,
+            cd_contractEnded   : false,
+            auditDataEnd       : [],
             cd_infoMsg         : null,
         });
 

diff --git a/src/sass/_common/reskin.scss b/src/sass/_common/reskin.scss
@@ -14,6 +14,10 @@ body {
     }
 }
 
+.hide-table {
+    display: none !important;
+}
+
 .quill {
     &-container {
         &-centered {