Skip to content

Commit 25f2978

Browse files
youssefeayoussefea
authored
Fix nits in the Base Account Docs (#163) (#177)
* remove callouts * update case * remove base pay button from accept payments page * remove siwb buttons * update background buttons
1 parent f49cb3f commit 25f2978

File tree

6 files changed

+6
-137
lines changed

6 files changed

+6
-137
lines changed

‎docs/base-account/guides/accept-payments.mdx‎

Lines changed: 0 additions & 112 deletions
Original file line numberDiff line numberDiff line change
@@ -20,62 +20,6 @@ USDC on Base is a fully-backed digital dollar that settles in seconds and costs
2020

2121
If you intend on using the BasePayButton, please follow the [Brand Guidelines](/base-account/reference/ui-elements/brand-guidelines) to ensure consistency across your application.
2222

23-
<div style={{ display: 'flex', justifyContent: 'center' }}>
24-
<button
25-
type="button"
26-
style={{
27-
display: 'flex',
28-
alignItems: 'center',
29-
justifyContent: 'center',
30-
padding: '12px 16px',
31-
backgroundColor: '#ffffff',
32-
border: 'none',
33-
borderRadius: '8px',
34-
cursor: 'pointer',
35-
fontFamily: 'system-ui, -apple-system, sans-serif',
36-
minWidth: '180px',
37-
height: '44px'
38-
}}
39-
>
40-
<img
41-
src="/images/base-account/BasePayBlueLogo.png"
42-
alt="Base Pay"
43-
style={{
44-
height: '20px',
45-
width: 'auto'
46-
}}
47-
/>
48-
</button>
49-
</div>
50-
<br />
51-
<div style={{ display: 'flex', justifyContent: 'center' }}>
52-
<button
53-
type="button"
54-
style={{
55-
display: 'flex',
56-
alignItems: 'center',
57-
justifyContent: 'center',
58-
padding: '12px 16px',
59-
backgroundColor: '#0000FF',
60-
border: 'none',
61-
borderRadius: '8px',
62-
cursor: 'pointer',
63-
fontFamily: 'system-ui, -apple-system, sans-serif',
64-
minWidth: '180px',
65-
height: '44px'
66-
}}
67-
>
68-
<img
69-
src="/images/base-account/BasePayWhiteLogo.png"
70-
alt="Base Pay"
71-
style={{
72-
height: '20px',
73-
width: 'auto'
74-
}}
75-
/>
76-
</button>
77-
</div>
78-
7923
</Warning>
8024

8125
## Client-side (Browser SDK)
@@ -187,62 +131,6 @@ See full props and theming options in the [Button Reference](/base-account/refer
187131
**Please Follow the Brand Guidelines**
188132

189133
If you intend on using the BasePayButton, please follow the [Brand Guidelines](/base-account/reference/ui-elements/brand-guidelines) to ensure consistency across your application.
190-
191-
<div style={{ display: 'flex', justifyContent: 'center' }}>
192-
<button
193-
type="button"
194-
style={{
195-
display: 'flex',
196-
alignItems: 'center',
197-
justifyContent: 'center',
198-
padding: '12px 16px',
199-
backgroundColor: '#ffffff',
200-
border: 'none',
201-
borderRadius: '8px',
202-
cursor: 'pointer',
203-
fontFamily: 'system-ui, -apple-system, sans-serif',
204-
minWidth: '180px',
205-
height: '44px'
206-
}}
207-
>
208-
<img
209-
src="/images/base-account/BasePayBlueLogo.png"
210-
alt="Base Pay"
211-
style={{
212-
height: '20px',
213-
width: 'auto'
214-
}}
215-
/>
216-
</button>
217-
</div>
218-
<br />
219-
<div style={{ display: 'flex', justifyContent: 'center' }}>
220-
<button
221-
type="button"
222-
style={{
223-
display: 'flex',
224-
alignItems: 'center',
225-
justifyContent: 'center',
226-
padding: '12px 16px',
227-
backgroundColor: '#0000FF',
228-
border: 'none',
229-
borderRadius: '8px',
230-
cursor: 'pointer',
231-
fontFamily: 'system-ui, -apple-system, sans-serif',
232-
minWidth: '180px',
233-
height: '44px'
234-
}}
235-
>
236-
<img
237-
src="/images/base-account/BasePayWhiteLogo.png"
238-
alt="Base Pay"
239-
style={{
240-
height: '20px',
241-
width: 'auto'
242-
}}
243-
/>
244-
</button>
245-
</div>
246134
</Warning>
247135

248136
## Test on Base Sepolia

‎docs/base-account/guides/authenticate-users.mdx‎

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -19,14 +19,6 @@ Base Accounts build on those standards so you can reuse any SIWE tooling – whi
1919

2020
If you intend on using the `SignInWithBaseButton`, please follow the [Brand Guidelines](/base-account/reference/ui-elements/brand-guidelines) to ensure consistency across your application.
2121

22-
<div style={{ display: 'flex', justifyContent: 'center' }}>
23-
<SignInWithBaseButton />
24-
</div>
25-
<br />
26-
<div style={{ display: 'flex', justifyContent: 'center' }}>
27-
<SignInWithBaseButton colorScheme="dark" />
28-
</div>
29-
3022
</Warning>
3123

3224
## High-level flow
@@ -199,12 +191,4 @@ See full props and theming options in the [Button Reference](/base-account/refer
199191

200192
If you intend on using the `SignInWithBaseButton`, please follow the [Brand Guidelines](/base-account/reference/ui-elements/brand-guidelines) to ensure consistency across your application.
201193

202-
<div style={{ display: 'flex', justifyContent: 'center' }}>
203-
<SignInWithBaseButton />
204-
</div>
205-
<br />
206-
<div style={{ display: 'flex', justifyContent: 'center' }}>
207-
<SignInWithBaseButton colorScheme="dark" />
208-
</div>
209-
210194
</Warning>

‎docs/base-account/overview/what-is-base-account.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: "Base Account Overview"
33
description: "What is a Base Account and how the Base Account SDK lets you add universal sign-in and one-tap USDC payments to any app."
44
---
55

6-
> **TL;DR** – Base Accounts are the onchain identity and account layer powering The Base App. With the **Base Account SDK** you can connect to over one hundred thousand users and unlock authentication and payments with just a few lines of code.
6+
> **TL;DR** – Base Accounts are the onchain identity and account layer powering the [Base App](https://base.app). With the **Base Account SDK** you can connect to over one hundred thousand users and unlock authentication and payments with just a few lines of code.
77
88
## What is a Base Account?
99

‎docs/base-account/reference/core/getCryptoKeyAccount.mdx‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ description: "Retrieve the current crypto key account associated with the user's
55

66
Defined in the [Base Account SDK](https://github.com/base/account-sdk)
77

8-
<Info>
9-
Retrieves the current crypto key account associated with the user's session. Crypto keys are used as the default local signer implementation for sub accounts.
10-
</Info>
8+
119

1210
## Parameters
1311

‎docs/base-account/reference/core/sdk-utilities.mdx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,6 @@ if (existingKeyPair) {
3535

3636
### [getCryptoKeyAccount](/base-account/reference/core/getCryptoKeyAccount)
3737

38-
Retrieves the current crypto account associated with the user's session. This is the primary function for accessing account information.
3938

4039
```tsx
4140
import { getCryptoKeyAccount } from '@base-org/account';

‎docs/base-account/reference/ui-elements/brand-guidelines.mdx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,11 +17,11 @@ Base account offers two buttons to use in your application:
1717

1818
Integrating "Sign in With Base" offers a convenient and trusted way for users to access your services. By leveraging their established Base account, users can avoid creating and remembering new credentials, leading to a smoother onboarding and login process.
1919

20-
<div style={{ display: 'flex', justifyContent: 'center' }}>
20+
<div style={{ display: 'flex', justifyContent: 'center', backgroundColor: '#000000', padding: '20px', borderRadius: '8px' }}>
2121
<SignInWithBaseButton />
2222
</div>
2323
<br />
24-
<div style={{ display: 'flex', justifyContent: 'center' }}>
24+
<div style={{ display: 'flex', justifyContent: 'center', backgroundColor: '#ffffff', padding: '20px', borderRadius: '8px' }}>
2525
<SignInWithBaseButton colorScheme="dark" />
2626
</div>
2727

@@ -108,7 +108,7 @@ For detailed technical integration steps and API references, please refer to the
108108

109109
Integrating "Base Pay" offers one-click checkout for users with a Base Account. Integrate it into your product for easy purchase power for online and offline goods.
110110

111-
<div style={{ display: 'flex', justifyContent: 'center' }}>
111+
<div style={{ display: 'flex', justifyContent: 'center', backgroundColor: '#000000', padding: '20px', borderRadius: '8px' }}>
112112
<button
113113
type="button"
114114
style={{
@@ -136,7 +136,7 @@ Integrating "Base Pay" offers one-click checkout for users with a Base Account.
136136
</button>
137137
</div>
138138
<br />
139-
<div style={{ display: 'flex', justifyContent: 'center' }}>
139+
<div style={{ display: 'flex', justifyContent: 'center', backgroundColor: '#ffffff', padding: '20px', borderRadius: '8px' }}>
140140
<button
141141
type="button"
142142
style={{

0 commit comments

Comments
 (0)