Skip to content

Commit f5bf059

Browse files
author
Jon M
committed
fix: more mdx formatting
1 parent 4894081 commit f5bf059

3 files changed

Lines changed: 202 additions & 209 deletions

File tree

‎src/content/docs/guides/receive-test-payments.mdx‎

Lines changed: 44 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -24,68 +24,53 @@ If your browser extension is connected to a wallet that uses real money and you
2424
## Receive continuous payments
2525

2626
<Steps>
27-
1. Enable continuous payments within the extension if they aren't already.
28-
Check your settings by selecting the cog icon, then the **Rate** tab. 2. Go to
29-
the{' '}
30-
<LinkOut href='https://webmonetization.org/play/'>
31-
Web Monetization Playground
32-
</LinkOut>
33-
. 3. Enter your wallet account's payment pointer into the field and select
34-
**Add monetization link**. :::note[Forgot your payment pointer?] Open the
35-
extension and select the cog icon. Then, select the **Wallet** tab and copy
36-
your payment pointer from the **Connected wallet address** field. ::: 4.
37-
Remain on the Playground page, with the window active, long enough for a few
38-
events to appear on the page. The time it takes for events to appear depends
39-
on the rate you have set up in the extension.
40-
<Card title='Example'>
41-
If your rate is €0.60 <abbr title='euros'>EUR</abbr> an hour, then it will
42-
take 5-6 minutes for three events to appear.
43-
</Card>
44-
5. Select **Disable** to stop the payments. 6. Sign in to your{' '}
45-
<LinkOut href='https://wallet.interledger-test.dev/'>
46-
Interledger test wallet
47-
</LinkOut>{' '}
48-
and select **Transactions** from the left menu. A completed outgoing payment
49-
appears for each event, as well as a single pending incoming payment with a
50-
zero amount.
51-
<Card title='Outgoing payment amounts'>
52-
To mimic how a real wallet provider could act, the Interledger test network
53-
deducts a 0.01 fee from each outgoing payment. If your rate is €0.60{' '}
54-
<abbr title='euros'>EUR</abbr> an hour, each Playground event will show
55-
€0.01 EUR while each outgoing payment in your transaction list will show a
56-
debit of €0.02.
57-
</Card>
58-
7. Wait 10 minutes, then refresh the page. The pending incoming transaction
59-
will show as completed and reflect the amount deposited into your wallet.
60-
<Card title='Example'>
61-
If your rate is €0.60 <abbr title='euros'>EUR</abbr> an hour and you waited
62-
for three Playground events, your incoming payment will be approximately
63-
€0.03.
64-
</Card>
27+
1. Enable continuous payments within the extension if they aren't already. Check your settings by selecting the cog icon, then the **Rate** tab.
28+
29+
2. Go to the <LinkOut href='https://webmonetization.org/play/'>Web Monetization Playground</LinkOut>.
30+
31+
3. Enter your wallet account's payment pointer into the field and select **Add monetization link**.
32+
33+
:::note[Forgot your payment pointer?]
34+
Open the extension and select the cog icon. Then, select the **Wallet** tab and copy your payment pointer from the **Connected wallet address** field.
35+
:::
36+
37+
4. Remain on the Playground page, with the window active, long enough for a few events to appear on the page. The time it takes for events to appear depends on the rate you have set up in the extension.
38+
39+
<Card title='Example'>
40+
If your rate is €0.60 <abbr title='euros'>EUR</abbr> an hour, then it will take 5-6 minutes for three events to appear.
41+
</Card>
42+
43+
5. Select **Disable** to stop the payments.
44+
45+
6. Sign in to your <LinkOut href='https://wallet.interledger-test.dev/'>Interledger test wallet</LinkOut> and select **Transactions** from the left menu. A completed outgoing payment appears for each event, as well as a single pending incoming payment with a zero amount.
46+
47+
<Card title='Outgoing payment amounts'>
48+
To mimic how a real wallet provider could act, the Interledger test network deducts a 0.01 fee from each outgoing payment. If your rate is €0.60 <abbr title='euros'>EUR</abbr> an hour, each Playground event will show €0.01 EUR while each outgoing payment in your transaction list will show a debit of €0.02.
49+
</Card>
50+
51+
7. Wait 10 minutes, then refresh the page. The pending incoming transaction will show as completed and reflect the amount deposited into your wallet.
52+
53+
<Card title='Example'>
54+
If your rate is €0.60 <abbr title='euros'>EUR</abbr> an hour and you waited for three Playground events, your incoming payment will be approximately €0.03.
55+
</Card>
6556
</Steps>
6657

6758
## Receive a one-time payment
6859

6960
<Steps>
70-
1. Go to the{' '}
71-
<LinkOut href='https://webmonetization.org/play/'>
72-
Web Monetization Playground
73-
</LinkOut>
74-
. 2. Enter your wallet account's payment pointer into the field and select
75-
**Add monetization link**. :::note[Forgot your payment pointer?] Open the
76-
extension and select the cog icon. Then, select the **Wallet** tab and copy
77-
your payment pointer from the **Connected wallet address** field. ::: 3. Open
78-
the extension, enter a one-time payment amount, then click **Send now**. A new
79-
event will appear in the Playground almost immediately. 4. Sign in to your{' '}
80-
<LinkOut href='https://wallet.interledger-test.dev/'>
81-
Interledger test wallet
82-
</LinkOut>{' '}
83-
and select **Transactions** from the left menu. A completed outgoing and
84-
incoming payment will appear.
85-
<Card title='Incoming payment amount'>
86-
To mimic how a real wallet provider could act, the Interledger test network
87-
might show a 0.01 fee deducted from each outgoing payment. If you made a
88-
one-time payment of €1.00 <abbr title='euros'>EUR</abbr>, for example, the
89-
completed incoming payment might be for €0.99.
90-
</Card>
61+
1. Go to the <LinkOut href='https://webmonetization.org/play/'>Web Monetization Playground</LinkOut>.
62+
63+
2. Enter your wallet account's payment pointer into the field and select **Add monetization link**.
64+
65+
:::note[Forgot your payment pointer?]
66+
Open the extension and select the cog icon. Then, select the **Wallet** tab and copy your payment pointer from the **Connected wallet address** field.
67+
:::
68+
69+
3. Open the extension, enter a one-time payment amount, then click **Send now**. A new event will appear in the Playground almost immediately.
70+
71+
4. Sign in to your <LinkOut href='https://wallet.interledger-test.dev/'>Interledger test wallet</LinkOut> and select **Transactions** from the left menu. A completed outgoing and incoming payment will appear.
72+
73+
<Card title='Incoming payment amount'>
74+
To mimic how a real wallet provider could act, the Interledger test network might show a 0.01 fee deducted from each outgoing payment. If you made a one-time payment of €1.00 <abbr title='euros'>EUR</abbr>, for example, the completed incoming payment might be for €0.99.
75+
</Card>
9176
</Steps>

‎src/content/docs/guides/test-wallet-sign-up.mdx‎

Lines changed: 57 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -31,68 +31,70 @@ Interledger Foundation's test wallet runs on a GateHub pre-production environmen
3131

3232
<Steps>
3333
1. Select **New Account** on the Test Wallet dashboard.
34-
<br />
35-
<img
36-
src='/img/docs/testwallet/testwallet-dashboard.png'
37-
alt='Test wallet dashboard with new account button'
38-
style='max-width:350px'
39-
class='img-outline'
40-
/>
41-
2. Enter any account name, select any asset (currency), then click **Create
42-
account**.
43-
<br />
44-
<img
45-
src='/img/docs/testwallet/testwallet-create-account.png'
46-
alt='Create new account screen with name field and asset drop-down menu'
47-
style='max-width:350px'
48-
class='img-outline'
49-
/>
50-
3. Click **Close**, then select your new account from the dashboard. 4. Select
51-
**Add payment pointer**, then enter a payment pointer name and public name of
52-
your choosing.
53-
<br />
54-
<img
55-
src='/img/docs/testwallet/testwallet-account-nobalance.png'
56-
alt='Newly created account showing zero balance and buttons for add payment pointer and deposit'
57-
style='max-width:350px'
58-
class='img-outline'
59-
/>
60-
<img
61-
src='/img/docs/testwallet/testwallet-create-pp.png'
62-
alt='Create payment pointer screen with account, payment pointer name, and public name fields'
63-
style='max-width:350px'
64-
class='img-outline'
65-
/>
66-
5. Click **Create**. Your payment pointer should show in the _Payment
67-
Pointers_ section.
68-
<br />
69-
<img
70-
src='/img/docs/testwallet/testwallet-nobalance-pp.png'
71-
alt='Account showing no balance and newly created payment pointer'
72-
style='max-width:350px'
73-
class='img-outline'
74-
/>
34+
35+
<img
36+
src='/img/docs/testwallet/testwallet-dashboard.png'
37+
alt='Test wallet dashboard with new account button'
38+
style='max-width:350px'
39+
class='img-outline'
40+
/>
41+
42+
2. Enter any account name, select any asset (currency), then click **Create account**.
43+
44+
<img
45+
src='/img/docs/testwallet/testwallet-create-account.png'
46+
alt='Create new account screen with name field and asset drop-down menu'
47+
style='max-width:350px'
48+
class='img-outline'
49+
/>
50+
51+
3. Click **Close**, then select your new account from the dashboard.
52+
53+
4. Select **Add payment pointer**, then enter a payment pointer name and public name of your choosing.
54+
55+
<img
56+
src='/img/docs/testwallet/testwallet-account-nobalance.png'
57+
alt='Newly created account showing zero balance and buttons for add payment pointer and deposit'
58+
style='max-width:350px'
59+
class='img-outline'
60+
/>
61+
<img
62+
src='/img/docs/testwallet/testwallet-create-pp.png'
63+
alt='Create payment pointer screen with account, payment pointer name, and public name fields'
64+
style='max-width:350px'
65+
class='img-outline'
66+
/>
67+
68+
5. Click **Create**. Your payment pointer should show in the _Payment Pointers_ section.
69+
70+
<img
71+
src='/img/docs/testwallet/testwallet-nobalance-pp.png'
72+
alt='Account showing no balance and newly created payment pointer'
73+
style='max-width:350px'
74+
class='img-outline'
75+
/>
7576
</Steps>
7677

7778
## Step 4 - Fund your wallet
7879

7980
<Steps>
8081
1. Click **Deposit**.
81-
<br />
82-
<img
83-
src='/img/docs/testwallet/testwallet-nobalance-pp.png'
84-
alt='Account showing no balance and newly created payment pointer'
85-
style='max-width:350px'
86-
class='img-outline'
87-
/>
82+
83+
<img
84+
src='/img/docs/testwallet/testwallet-nobalance-pp.png'
85+
alt='Account showing no balance and newly created payment pointer'
86+
style='max-width:350px'
87+
class='img-outline'
88+
/>
89+
8890
2. Enter an amount, then click **Deposit**.
89-
<br />
90-
<img
91-
src='/img/docs/testwallet/testwallet-deposit.png'
92-
alt='Deposit to account screen with amount field'
93-
style='max-width:350px'
94-
class='img-outline'
95-
/>
91+
92+
<img
93+
src='/img/docs/testwallet/testwallet-deposit.png'
94+
alt='Deposit to account screen with amount field'
95+
style='max-width:350px'
96+
class='img-outline'
97+
/>
9698
</Steps>
9799

98100
You're ready to start testing Web Monetization after your deposit appears in your account.<br /><img src='/img/docs/testwallet/testwallet-balance-pp.png' alt='Account showing balance amount and payment pointer' style='max-width:350px' class='img-outline'/>

0 commit comments

Comments
 (0)