Update Summary Cashflow Historical and Notes

src/container/Reports/TableSubHolding.js

@@ -22463,36 +22463,36 @@ export default class TableSubHolding extends Component {
                             <div className="grid grid-2x" style={{ ...style2, color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
                                 <div className="column-1 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center', backgroundColor: '#1c71b8' }}>
                                     <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
-                                        <span>{"2011"}</span>
+                                        <span>{`${Number(this.props.periode) - 10}`}</span>
                                     </div>
                                     <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
-                                        <span>{"2012"}</span>
+                                        <span>{`${Number(this.props.periode) - 9}`}</span>
                                     </div>
                                     <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
-                                        <span>{"2013"}</span>
+                                        <span>{`${Number(this.props.periode) - 8}`}</span>
                                     </div>
                                     <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
-                                        <span>{"2014"}</span>
+                                        <span>{`${Number(this.props.periode) - 7}`}</span>
                                     </div>
                                     <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
-                                        <span>{"2015"}</span>
+                                        <span>{`${Number(this.props.periode) - 6}`}</span>
                                     </div>
                                 </div>
                                 <div className="column-2 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center', backgroundColor: '#1c71b8' }}>
                                     <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
-                                        <span>{"2016"}</span>
+                                        <span>{`${Number(this.props.periode) - 5}`}</span>
                                     </div>
                                     <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
-                                        <span>{"2017"}</span>
+                                        <span>{`${Number(this.props.periode) - 4}`}</span>
                                     </div>
                                     <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
-                                        <span>{"2018"}</span>
+                                        <span>{`${Number(this.props.periode) - 3}`}</span>
                                     </div>
                                     <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
-                                        <span>{"2019"}</span>
+                                        <span>{`${Number(this.props.periode) - 2}`}</span>
                                     </div>
                                     <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, backgroundColor: '#1c71b8' }}>
-                                        <span>{"2020"}</span>
+                                        <span>{`${Number(this.props.periode) - 1}`}</span>
                                     </div>
                                 </div>
                             </div>
@@ -26433,7 +26433,7 @@ export default class TableSubHolding extends Component {
                                         <Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 5, textDecorationLine: 'underline' }}>Notes:</Typography>
                                     </div>
                                     <div style={{ display: 'flex', paddingLeft: 10, maxWidth: '100%', paddingRight: 15 }}>
-                                        <Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 5 }}>Cash flow historical 2010-2020 zero balance due to incomplete beginning data</Typography>
+                                        <Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 5 }}>Cash flow historical {`${Number(this.props.periode) - 10}`}-{`${Number(this.props.periode) - 1}`} zero balance due to incomplete beginning data</Typography>
                                     </div>
                                 </div>
                                 :