LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

add credit card image and fake cost text

Browse source
This commit is contained in:
Sean Yesmunt 2020-05-04 13:19:20 -04:00
parent 1fa3ce4e50
commit a02fe517cb
2 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
ui/page/checkoutPage/credit-card-logos.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 29 KiB

5
ui/page/checkoutPage/view.jsx
View file

@ -3,6 +3,7 @@ import * as React from 'react';
import Page from 'component/page'; import Page from 'component/page';
import Button from 'component/button'; import Button from 'component/button';
import Card from 'component/common/card'; import Card from 'component/common/card';
import CreditCards from './credit-card-logos.png';
export default function CheckoutPage() { export default function CheckoutPage() {
return ( return (
@ -13,11 +14,15 @@ export default function CheckoutPage() {
body={ body={
<div className="card--inline card--section card--highlighted"> <div className="card--inline card--section card--highlighted">
<strong>{__('lbry.tv Premium - 1 month')}</strong> <strong>{__('lbry.tv Premium - 1 month')}</strong>
<div>$5 per month</div>
</div> </div>
} }
actions={ actions={
<div className="section__actions"> <div className="section__actions">
<Button button="primary" label={__('Checkout')} /> <Button button="primary" label={__('Checkout')} />
<div>
<img src={CreditCards} style={{ height: '2rem' }} />
</div>
</div> </div>
} }
/> />