change function

src/container/BudgetTahunan.js

@@ -309,7 +309,7 @@ export default class BudgetTahunan extends Component {
         this.setState({ alert: false })
     }
 
-    getDataBalanceSheet(data) {
+    saveToMasterBudget(data) {
         this.setState({ loading: true })
         // console.log(JSON.stringify(data));
         api.create().createSubmitReport(data).then(response => {
@@ -318,7 +318,11 @@ export default class BudgetTahunan extends Component {
                 if (response.data.status === "success") {
                     this.getReport()
                     this.getSubmission()
+                } else {
+                    this.setState({ loading: true })
                 }
+            } else {
+                this.setState({ loading: true })
             }
         })
     }
@@ -646,7 +650,7 @@ export default class BudgetTahunan extends Component {
                         revision={this.state.revisionTable}
                         periode={this.state.periode.periode}
                         submissionID={this.state.submissionID}
-                        getDataBalanceSheet={this.getDataBalanceSheet.bind(this)}
+                        saveToMasterBudget={this.saveToMasterBudget.bind(this)}
                         onClickClose={() => this.setState({ visibleBS: false, visibleBudgetTahunan: true })}
                     />
                 )}

src/container/BudgetTahunan/BalanceSheet.js

@@ -6,6 +6,8 @@ import api from '../../api';
 import AddIcon from '@material-ui/icons/Add';
 import { values } from 'ramda';
 import PropagateLoader from "react-spinners/PropagateLoader"
+import Images from '../../assets/Images';
+import ReactTooltip from 'react-tooltip';
 
 var ct = require("../../library/CustomTable");
 const getMuiTheme = () => createMuiTheme(ct.customTable3());
@@ -746,7 +748,7 @@ export default class BalanceSheet extends Component {
             "balance_sheet": data
         }
         // console.log(data);
-        this.props.getDataBalanceSheet(payload)
+        this.props.saveToMasterBudget(payload)
         this.props.onClickClose()
     }
 
@@ -2002,11 +2004,59 @@ export default class BalanceSheet extends Component {
                             <Typography style={{ fontSize: '12px', color: '#4b4b4b', margin: 10 }}>Budget Tahunan - Balance Sheet</Typography>
                         </div>
                         <div style={{ padding: 20 }}>
+                            <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' }}>Periode : {this.props.periode}</Typography>
                                     <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in IDR mn</Typography>
                                 </div>
+                                <div style={{ width: '50%'}}>
+                                    <div style={{justifyContent: 'flex-end', display: 'flex', flexFlow: 'wrap' }}>
+                                        <a data-tip={'Download Template'} data-for="template">
+                                            <button
+                                                style={{
+                                                    backgroundColor: 'transparent',
+                                                    cursor: 'pointer',
+                                                    borderColor: 'transparent',
+                                                    margin: 5
+                                                }}
+                                                onClick={() => null}
+                                            >
+                                                <img src={Images.template} />
+                                            </button>
+                                        </a>
+                                        <ReactTooltip border={true} id="template" place="bottom" type="light" effect="solid" />
+                                        <a data-tip={'Upload'} data-for="upload">
+                                            <button
+                                                style={{
+                                                    backgroundColor: 'transparent',
+                                                    cursor: 'pointer',
+                                                    borderColor: 'transparent',
+                                                    margin: 5
+                                                }}
+                                                onClick={() => null}
+                                            >
+                                                <img src={Images.upload} />
+                                            </button>
+                                        </a>
+                                        <ReactTooltip border={true} id="upload" place="bottom" type="light" effect="solid" />
+                                        <a data-tip={'Download'} data-for="download">
+                                            <button
+                                                style={{
+                                                    backgroundColor: 'transparent',
+                                                    cursor: 'pointer',
+                                                    borderColor: 'transparent',
+                                                    margin: 5
+                                                }}
+                                                onClick={() => null}
+                                            >
+                                                <img src={Images.download} />
+                                            </button>
+                                        </a>
+                                        <ReactTooltip border={true} id="download" place="bottom" type="light" effect="solid" />
+                                    </div>
+                                </div>
+                            </div>
 
                             <div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150), height: this.props.height - 400 }}>
                                 <MuiThemeProvider theme={getMuiTheme()}>