Skip to content

Commit

Permalink
feat(website): update API token howto to match current design (#2000)
Browse files Browse the repository at this point in the history
This updates the "Generate an API Token" how-to to reflect the current
design, where there's no longer an API Tokens section on the main
account page.

Closes #1999
  • Loading branch information
yusefnapora committed Oct 4, 2022
1 parent f585c0e commit 0374ac5
Show file tree
Hide file tree
Showing 3 changed files with 11 additions and 2 deletions.
13 changes: 11 additions & 2 deletions packages/website/pages/docs/how-tos/generate-api-token.md
Expand Up @@ -8,6 +8,8 @@ import Img from 'components/cloudflareImage';
import ImgNoToken from '../../../public/images/docs/account-page-no-tokens.png';
import ImgNameToken from '../../../public/images/docs/account-page-name-token.png';
import ImgToken from '../../../public/images/docs/tokens-page.png';
import ImgAccountMenu from '../../../public/images/docs/account-menu-create-token-desktop.png';
import ImgAccountMenuMobile from '../../../public/images/docs/account-menu-create-token-mobile.png';

# How to generate an API token

Expand All @@ -17,8 +19,15 @@ You'll need a free Web3.Storage account in order to generate an API token. If yo

## Create a new token

1. From the Web3.Storage navigation menu, click **Account** to go to your [account page](https://web3.storage/account).
1. Scroll down to the **API tokens** section and click **Create an API token**. (If you've never created an API token on Web3.Storage before, you'll also see an invitation to do this from the **Getting started** section of your account page.)
1. From the Web3.Storage navigation menu, open the **Account** menu by hovering over the **Account** menu item.

<Img src={ImgAccountMenu} alt="Screenshot of the Account menu, with 'Create API Token' highlighted" />

On a mobile device, open the menu by tapping the icon in the top-right corner, then tap on **Account** to expand the **Account** menu.

<Img src={ImgAccountMenuMobile} alt="Screenshot of the Account menu on a mobile device" />

2. In the **Account** menu, click **Create an API token**. (If you've never created an API token on Web3.Storage before, you'll also see an invitation to do this from the **Getting started** section of your account page.)

<Img src={ImgNoToken} alt="Screenshot of a Web3.Storage account page" />

Expand Down
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 0374ac5

Please sign in to comment.