update link tax planning di budget tahunan

src/container/BudgetTahunan.js

@@ -7,6 +7,7 @@ import api from '../api';
 import Autocomplete from '@material-ui/lab/Autocomplete';
 import { titleCase } from '../library/Utils';
 import ProfitLoss from './BudgetTahunan/ProfitLoss';
+import TaxPlanning from './BudgetTahunan/TaxPlanning';
 
 export default class BudgetTahunan extends Component {
     constructor(props) {
@@ -89,6 +90,15 @@ export default class BudgetTahunan extends Component {
                 visibleFAM: false,
                 visibleTP: false
             })
+        } else if (item === 'Tax Planning') {
+            this.setState({
+                visibleBudgetTahunan: false, 
+                visibleBS: false,
+                visiblePL: false,
+                visibleCAT: false,
+                visibleFAM: false,
+                visibleTP: true
+            })
         }
     }
 
@@ -282,6 +292,9 @@ export default class BudgetTahunan extends Component {
                 {this.state.visiblePL && (
                     <ProfitLoss />
                 )}
+                {this.state.visibleTP && (
+                    <TaxPlanning />
+                )}
             </div >
         );
     }

src/container/BudgetTahunan/TaxPlanning.js

@@ -327,6 +327,21 @@ export default class BalanceSheet extends Component {
                             />
                         </MuiThemeProvider>
                     </div>
+                    <div className="grid grid-2x" style={{ marginBottom: 20, paddingRight: 10, paddingLeft: 10 }}>
+                        <div className="col-1">
+                            <div style={{ backgroundColor: '#019ce5', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
+                                <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Kembali</Typography>
+                            </div>
+                        </div>
+                        <div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%' }}>
+                            <div style={{ backgroundColor: '#fff', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center', border: 'solid 1px #354960', marginRight: 20 }}>
+                                <Typography style={{ fontSize: '11px', color: '#354960', textAlign: 'center' }}>Batal</Typography>
+                            </div>
+                            <div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
+                                <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Simpan</Typography>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
             // <div style={{ height: this.props.height, backgroundColor: '#f8f8f8', marginBottom: 100, minHeight: 1000 }}>