/
2.0-applied_basic_react-bootstrap
2.0-applied_basic_react-bootstrap
Add react-bootstrap UI look and feel to app for styling
App.js
<Container className="p-3 bg-dark">
<Container className="p-5 mb-4 bg-light rounded-3">
<Row className="p-1 mb-1 bg-light rounded-3">
<Header/>
</Row>
<Row className="p-1 mb-1 bg-light rounded-3">
<VATField vatRateChanged={updateVATRate} currentVATRate={vatRate} updatePrices={handleVATChargeRate}/>
<DataEntryField title="Price excl VAT:" value={salePrice===0.0 ? "" : salePrice} setValue={handleExclPriceChange}/>
<DisplayField label="VAT to Pay: " value={vatToPay}/>
<p/>
<DataEntryField title="Price incl VAT:" value={salePrice===0.0 ? "" : totalPrice} setValue={handleInclPriceChange}/>
</Row>
</Container>
</Container>