profit & loss

src/container/BudgetTahunan.js

@@ -306,7 +306,10 @@ export default class BudgetTahunan extends Component {
                     />
                 )}
                 {this.state.visiblePL && (
-                    <ProfitLoss />
+                    <ProfitLoss 
+                        onClickClose={()=> this.setState({ visiblePL: false, visibleBudgetTahunan: true})}
+                    />
+                    
                 )}
                 {this.state.visibleTP && (
                     <TaxPlanning 

src/container/BudgetTahunan/ProfitLoss.js

@@ -298,11 +298,22 @@ export default class ProfitLoss extends Component {
                         </div>
                         <div className="grid grid-2x">
                             <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>
+                                <button
+                                    className="button"
+                                    type="button"
+                                    style={{
+                                        backgroundColor: 'transparent',
+                                        cursor: 'pointer',
+                                        borderColor: 'transparent',
+                                    }}
+                                    onClick={() => this.props.onClickClose()}
+                                >
+                                    <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>
+                                </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%' }}>
                                 <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>