add credit card image and fake cost text
This commit is contained in:
parent
1fa3ce4e50
commit
a02fe517cb
2 changed files with 5 additions and 0 deletions
BIN
ui/page/checkoutPage/credit-card-logos.png
Normal file
BIN
ui/page/checkoutPage/credit-card-logos.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 29 KiB |
|
@ -3,6 +3,7 @@ import * as React from 'react';
|
|||
import Page from 'component/page';
|
||||
import Button from 'component/button';
|
||||
import Card from 'component/common/card';
|
||||
import CreditCards from './credit-card-logos.png';
|
||||
|
||||
export default function CheckoutPage() {
|
||||
return (
|
||||
|
@ -13,11 +14,15 @@ export default function CheckoutPage() {
|
|||
body={
|
||||
<div className="card--inline card--section card--highlighted">
|
||||
<strong>{__('lbry.tv Premium - 1 month')}</strong>
|
||||
<div>$5 per month</div>
|
||||
</div>
|
||||
}
|
||||
actions={
|
||||
<div className="section__actions">
|
||||
<Button button="primary" label={__('Checkout')} />
|
||||
<div>
|
||||
<img src={CreditCards} style={{ height: '2rem' }} />
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
/>
|
||||
|
|
Loading…
Reference in a new issue