issue buton pl

src/container/MonthlyReport/ProfitLossMR.js

@@ -746,13 +746,19 @@ export default class ProfitLossMR extends Component {
         const handleTotal = (value, tableMeta) => {
             // console.log(tableMeta)
             let total = 0
-
-            dataTable2[tableMeta.rowIndex].map((item, index) => {
-                if (index == 10) {
-                    let itemActual = item == undefined || item == "" || item == "undefined" ? 0.0 : item
-                    total = Number(tableMeta.rowData[23]) + Number(itemActual)
-                }
-            })
+            
+            if (String(tableMeta.rowData[5]).toLocaleLowerCase() == "sales price") {
+                let value = Number(dataTable2[tableMeta.rowIndex - 2][11]) / Number(dataTable2[tableMeta.rowIndex - 1][11])
+                dataTable2[tableMeta.rowIndex][11] = R.equals(value, NaN) ? "0.0" :  (R.equals(value, Infinity) ? "0.0" : (value == "-Infinity" ? "0.0" : value))
+                return R.equals(value, NaN) ? "0.0" : (R.equals(value, Infinity) ? "0.0" : (value == "-Infinity" ? "0.0" : value))
+            } else {
+                dataTable2[tableMeta.rowIndex].map((item, index) => {
+                    if (index == 10) {
+                        let itemActual = item == undefined || item == "" || item == "undefined" ? 0.0 : item
+                        total = Number(tableMeta.rowData[23]) + Number(itemActual)
+                    }
+                })
+            }
             
             dataTable2[tableMeta.rowIndex][11] = Number(total).toFixed(1)
             return total
@@ -1805,7 +1811,7 @@ export default class ProfitLossMR extends Component {
                             <div style={{ display: 'flex', justifyContent: 'space-between' }}>
                                 <div>
                                     <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{this.props.company.company_name}</Typography>
-                                    <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Period : {this.props.periode} (rev.{this.props.revision})</Typography>
+                                    <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Period : {this.props.month.month_value} {this.props.periode} (rev.{this.props.revision})</Typography>
                                     <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in IDR mn</Typography>
                                 </div>
                                 <div style={{ width: '50%' }}>
@@ -2007,7 +2013,7 @@ export default class ProfitLossMR extends Component {
                         <div style={{ padding: 20 }}>
                             <div>
                                 <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{this.props.company.company_name}</Typography>
-                                <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Period : {this.props.periode} (rev.{this.props.revision})</Typography>
+                                <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Period : {this.props.month.month_value} {this.props.periode} (rev.{this.props.revision})</Typography>
                                 <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in IDR mn</Typography>
                             </div>
                             <div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) }}>
@@ -2022,7 +2028,7 @@ export default class ProfitLossMR extends Component {
                                 )} 
                             </div>
                             <div className="grid grid-2x" style={{ marginTop: 20 }}>
-                                <div className="col-1">
+                                <div className="col-1" style={{ paddingLeft: 0}}>
                                     <button
                                         type="button"
                                         onClick={() => this.setState({ loading: true, visiblePLMR: true }, () => {
@@ -2042,7 +2048,7 @@ export default class ProfitLossMR extends Component {
                                         </div>
                                     </button>
                                 </div>
-                                <div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%' }}>
+                                <div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%', paddingRight: 5 }}>
                                     <button
                                         className="button"
                                         type="button"