From a010953bdba50f81e408c34dc758e6ed537d8262 Mon Sep 17 00:00:00 2001 From: Paul Cramer Date: Tue, 13 Aug 2024 11:26:53 -0700 Subject: [PATCH 01/12] chore: Add page for WalletDropdownDisconnect and WalletDropdownLink --- .../wallet/wallet-dropdown-base-name.mdx | 20 ++--- .../wallet/wallet-dropdown-disconnect.mdx | 83 +++++++++++++++++ .../pages/wallet/wallet-dropdown-link.mdx | 90 +++++++++++++++++++ site/sidebar.ts | 16 +++- 4 files changed, 194 insertions(+), 15 deletions(-) create mode 100644 site/docs/pages/wallet/wallet-dropdown-disconnect.mdx create mode 100644 site/docs/pages/wallet/wallet-dropdown-link.mdx diff --git a/site/docs/pages/wallet/wallet-dropdown-base-name.mdx b/site/docs/pages/wallet/wallet-dropdown-base-name.mdx index c33ad1add6..ac6237768e 100644 --- a/site/docs/pages/wallet/wallet-dropdown-base-name.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-base-name.mdx @@ -1,20 +1,18 @@ import { - ConnectWallet, - Wallet, - WalletDropdown, - WalletDropdownLink, - WalletDropdownBaseName, - WalletDropdownDisconnect, -} from '@coinbase/onchainkit/wallet'; -import { Address, Avatar, - Name, - Identity, EthBalance, + Identity, + Name } from '@coinbase/onchainkit/identity'; import { color } from '@coinbase/onchainkit/theme'; -import AppWithRK from '../../components/AppWithRK'; +import { + ConnectWallet, + Wallet, + WalletDropdown, + WalletDropdownBaseName, + WalletDropdownDisconnect +} from '@coinbase/onchainkit/wallet'; import WalletComponents from '../../components/WalletComponents'; # `` diff --git a/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx b/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx new file mode 100644 index 0000000000..03ffda3ca9 --- /dev/null +++ b/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx @@ -0,0 +1,83 @@ +import { + ConnectWallet, + Wallet, + WalletDropdown, + WalletDropdownLink, + WalletDropdownBaseName, + WalletDropdownDisconnect, +} from '@coinbase/onchainkit/wallet'; +import { + Address, + Avatar, + Name, + Identity, + EthBalance, +} from '@coinbase/onchainkit/identity'; +import { color } from '@coinbase/onchainkit/theme'; +import WalletComponents from '../../components/WalletComponents'; + +# `` + +The `WalletDropdownDisconnect` component is used to disconnect the wallet from the application. + +## Usage + +```tsx +import { + ConnectWallet, + Wallet, + WalletDropdown, + WalletDropdownDisconnect, // [!code focus] +} from '@coinbase/onchainkit/wallet'; +import { + Address, + Avatar, + Name, + Identity, + EthBalance, +} from '@coinbase/onchainkit/identity'; +import { color } from '@coinbase/onchainkit/theme'; + +export function WalletComponents() { + return ( +
+ + + + + + + + + +
+ + + // [!code focus] + + +
+ ); +} +``` + + + + + + + + + + + +
+ + + + + + + +## Props +- [`WalletDropdownDisconnectReact`](/wallet/types#walletdropdowndisconnectreact) diff --git a/site/docs/pages/wallet/wallet-dropdown-link.mdx b/site/docs/pages/wallet/wallet-dropdown-link.mdx new file mode 100644 index 0000000000..db64590433 --- /dev/null +++ b/site/docs/pages/wallet/wallet-dropdown-link.mdx @@ -0,0 +1,90 @@ +import { + Address, + Avatar, + EthBalance, + Identity, + Name, +} from '@coinbase/onchainkit/identity'; +import { color } from '@coinbase/onchainkit/theme'; +import { + ConnectWallet, + Wallet, + WalletDropdown, + WalletDropdownBaseName, + WalletDropdownDisconnect, + WalletDropdownLink, +} from '@coinbase/onchainkit/wallet'; +import WalletComponents from '../../components/WalletComponents'; + +# `` + +The `WalletDropdownLink` creates a custom link within the dropdown. Use the icon prop to add an icon, and href to specify the destination. + +## Usage + +```tsx +import { + ConnectWallet, + Wallet, + WalletDropdown, + WalletDropdownLink, // [!code focus] + WalletDropdownDisconnect, +} from '@coinbase/onchainkit/wallet'; +import { + Address, + Avatar, + Name, + Identity, + EthBalance, +} from '@coinbase/onchainkit/identity'; +import { color } from '@coinbase/onchainkit/theme'; + +export function WalletComponents() { + return ( +
+ + + + + + + + + +
+ + + // [!code focus] + Wallet // [!code focus] + // [!code focus] + + + +
+ ); +} +``` + + + + + + + + + + + +
+ + + + Wallet + + + + + + +## Props +- [`WalletDropdownLinkReact`](/wallet/types#walletdropdownlinkreact) diff --git a/site/sidebar.ts b/site/sidebar.ts index 37046d9fa8..12ab0ac0b5 100644 --- a/site/sidebar.ts +++ b/site/sidebar.ts @@ -131,14 +131,22 @@ export const sidebar = [ { text: 'Wallet', items: [ + { + text: 'WalletDropdownBaseName', + link: '/wallet/wallet-dropdown-base-name', + }, + { + text: 'WalletDropdownDisconnect', + link: '/wallet/wallet-dropdown-disconnect', + }, + { + text: 'WalletDropdownLink', + link: '/wallet/wallet-dropdown-link', + }, { text: 'Wallet', link: '/wallet/wallet', }, - { - text: 'WalletDropdownBaseName', - link: '/wallet/wallet-dropdown-base-name', - } ], }, ] From 197d61bfaad92ea998794a7e6ac3da93f108876d Mon Sep 17 00:00:00 2001 From: Paul Cramer Date: Tue, 13 Aug 2024 11:32:41 -0700 Subject: [PATCH 02/12] Update imports --- .../wallet/wallet-dropdown-base-name.mdx | 14 +++++----- .../wallet/wallet-dropdown-disconnect.mdx | 28 +++++++++---------- .../pages/wallet/wallet-dropdown-link.mdx | 14 +++++----- 3 files changed, 28 insertions(+), 28 deletions(-) diff --git a/site/docs/pages/wallet/wallet-dropdown-base-name.mdx b/site/docs/pages/wallet/wallet-dropdown-base-name.mdx index ac6237768e..e97e3c346c 100644 --- a/site/docs/pages/wallet/wallet-dropdown-base-name.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-base-name.mdx @@ -27,13 +27,6 @@ This component enhances the wallet interface by providing easy access to Base Na ## Usage ```tsx -import { - ConnectWallet, - Wallet, - WalletDropdown, - WalletDropdownBaseName, // [!code focus] - WalletDropdownDisconnect, -} from '@coinbase/onchainkit/wallet'; import { Address, Avatar, @@ -42,6 +35,13 @@ import { EthBalance, } from '@coinbase/onchainkit/identity'; import { color } from '@coinbase/onchainkit/theme'; +import { + ConnectWallet, + Wallet, + WalletDropdown, + WalletDropdownBaseName, // [!code focus] + WalletDropdownDisconnect, +} from '@coinbase/onchainkit/wallet'; export function WalletComponents() { return ( diff --git a/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx b/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx index 03ffda3ca9..8df708f510 100644 --- a/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx @@ -1,11 +1,3 @@ -import { - ConnectWallet, - Wallet, - WalletDropdown, - WalletDropdownLink, - WalletDropdownBaseName, - WalletDropdownDisconnect, -} from '@coinbase/onchainkit/wallet'; import { Address, Avatar, @@ -14,6 +6,14 @@ import { EthBalance, } from '@coinbase/onchainkit/identity'; import { color } from '@coinbase/onchainkit/theme'; +import { + ConnectWallet, + Wallet, + WalletDropdown, + WalletDropdownLink, + WalletDropdownBaseName, + WalletDropdownDisconnect, +} from '@coinbase/onchainkit/wallet'; import WalletComponents from '../../components/WalletComponents'; # `` @@ -23,12 +23,6 @@ The `WalletDropdownDisconnect` component is used to disconnect the wallet from t ## Usage ```tsx -import { - ConnectWallet, - Wallet, - WalletDropdown, - WalletDropdownDisconnect, // [!code focus] -} from '@coinbase/onchainkit/wallet'; import { Address, Avatar, @@ -37,6 +31,12 @@ import { EthBalance, } from '@coinbase/onchainkit/identity'; import { color } from '@coinbase/onchainkit/theme'; +import { + ConnectWallet, + Wallet, + WalletDropdown, + WalletDropdownDisconnect, // [!code focus] +} from '@coinbase/onchainkit/wallet'; export function WalletComponents() { return ( diff --git a/site/docs/pages/wallet/wallet-dropdown-link.mdx b/site/docs/pages/wallet/wallet-dropdown-link.mdx index db64590433..9422408a13 100644 --- a/site/docs/pages/wallet/wallet-dropdown-link.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-link.mdx @@ -23,13 +23,6 @@ The `WalletDropdownLink` creates a custom link within the dropdown. Use the icon ## Usage ```tsx -import { - ConnectWallet, - Wallet, - WalletDropdown, - WalletDropdownLink, // [!code focus] - WalletDropdownDisconnect, -} from '@coinbase/onchainkit/wallet'; import { Address, Avatar, @@ -38,6 +31,13 @@ import { EthBalance, } from '@coinbase/onchainkit/identity'; import { color } from '@coinbase/onchainkit/theme'; +import { + ConnectWallet, + Wallet, + WalletDropdown, + WalletDropdownLink, // [!code focus] + WalletDropdownDisconnect, +} from '@coinbase/onchainkit/wallet'; export function WalletComponents() { return ( From 3cf7c90bd00de3f892ef6f2495beb0e05b8ad902 Mon Sep 17 00:00:00 2001 From: Paul Cramer Date: Tue, 13 Aug 2024 15:38:13 -0700 Subject: [PATCH 03/12] Update sidebar --- site/sidebar.ts | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/site/sidebar.ts b/site/sidebar.ts index 12ab0ac0b5..bb58180f0c 100644 --- a/site/sidebar.ts +++ b/site/sidebar.ts @@ -63,6 +63,10 @@ export const sidebar = [ { text: 'Identity', items: [ + { + text: 'Identity', + link: '/identity/identity', + }, { text: 'Address', link: '/identity/address', @@ -75,10 +79,6 @@ export const sidebar = [ text: 'Badge', link: '/identity/badge', }, - { - text: 'Identity', - link: '/identity/identity', - }, { text: 'Name', link: '/identity/name', @@ -131,6 +131,10 @@ export const sidebar = [ { text: 'Wallet', items: [ + { + text: 'Wallet', + link: '/wallet/wallet', + }, { text: 'WalletDropdownBaseName', link: '/wallet/wallet-dropdown-base-name', @@ -143,10 +147,6 @@ export const sidebar = [ text: 'WalletDropdownLink', link: '/wallet/wallet-dropdown-link', }, - { - text: 'Wallet', - link: '/wallet/wallet', - }, ], }, ] From 4b54b8c98778021b1d089e57f27049595f17f9aa Mon Sep 17 00:00:00 2001 From: Paul Cramer Date: Tue, 13 Aug 2024 16:16:18 -0700 Subject: [PATCH 04/12] Add Basenames override styles example --- .../wallet/wallet-dropdown-base-name.mdx | 30 +++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/site/docs/pages/wallet/wallet-dropdown-base-name.mdx b/site/docs/pages/wallet/wallet-dropdown-base-name.mdx index e97e3c346c..ef55f34e2b 100644 --- a/site/docs/pages/wallet/wallet-dropdown-base-name.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-base-name.mdx @@ -86,5 +86,35 @@ export function WalletComponents() { +### Override styles + +You can override component styles using `className`. + + ```tsx + // omitted for brevity + + // [!code focus] + ``` + + + + + + + + + + + +
+ + + + + + + + + ## Props - [`WalletDropdownBaseNameReact`](/wallet/types#walletdropdownbasenamereact) From 37789e3f8ab90cef1e1d8ab9c10871c83bc251fc Mon Sep 17 00:00:00 2001 From: Paul Cramer Date: Tue, 13 Aug 2024 16:22:31 -0700 Subject: [PATCH 05/12] Add WalletDropdownDisconnect prop examples --- .../wallet/wallet-dropdown-disconnect.mdx | 56 +++++++++++++++++++ 1 file changed, 56 insertions(+) diff --git a/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx b/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx index 8df708f510..6c89982078 100644 --- a/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx @@ -79,5 +79,61 @@ export function WalletComponents() { +### Override styles + +You can override component styles using `className`. + + ```tsx + // omitted for brevity + + // [!code focus] + ``` + + + + + + + + + + + +
+ + + + + + + +### Override text + +You can override component text using `text`. + +```tsx +// omitted for brevity + + // [!code focus] +``` + + + + + + + + + + + +
+ + + + + + + ## Props - [`WalletDropdownDisconnectReact`](/wallet/types#walletdropdowndisconnectreact) From a99a9f39da16e8b2380f812a77a27b6ca91211db Mon Sep 17 00:00:00 2001 From: Paul Cramer Date: Wed, 14 Aug 2024 12:06:45 -0700 Subject: [PATCH 06/12] Save changes --- .../svg/walletDropdownLinkCustomIconSvg.tsx | 194 ++++++++++++++++++ .../wallet/wallet-dropdown-disconnect.mdx | 14 +- .../pages/wallet/wallet-dropdown-link.mdx | 119 +++++++++++ 3 files changed, 320 insertions(+), 7 deletions(-) create mode 100644 site/docs/components/svg/walletDropdownLinkCustomIconSvg.tsx diff --git a/site/docs/components/svg/walletDropdownLinkCustomIconSvg.tsx b/site/docs/components/svg/walletDropdownLinkCustomIconSvg.tsx new file mode 100644 index 0000000000..f54a0ac7b6 --- /dev/null +++ b/site/docs/components/svg/walletDropdownLinkCustomIconSvg.tsx @@ -0,0 +1,194 @@ +export const walletDropdownLinkCustomIconSvg = ( + + + + + + + + + + +); diff --git a/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx b/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx index 6c89982078..30d0fbafee 100644 --- a/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-disconnect.mdx @@ -83,11 +83,11 @@ export function WalletComponents() { You can override component styles using `className`. - ```tsx - // omitted for brevity +```tsx +// omitted for brevity - // [!code focus] - ``` + // [!code focus] +``` @@ -102,7 +102,7 @@ You can override component styles using `className`.
- + @@ -114,7 +114,7 @@ You can override component text using `text`. ```tsx // omitted for brevity - // [!code focus] + // [!code focus] ``` @@ -130,7 +130,7 @@ You can override component text using `text`.
- + diff --git a/site/docs/pages/wallet/wallet-dropdown-link.mdx b/site/docs/pages/wallet/wallet-dropdown-link.mdx index 9422408a13..8eb98389f2 100644 --- a/site/docs/pages/wallet/wallet-dropdown-link.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-link.mdx @@ -15,6 +15,7 @@ import { WalletDropdownLink, } from '@coinbase/onchainkit/wallet'; import WalletComponents from '../../components/WalletComponents'; +import { walletDropdownLinkCustomIconSvg } from '../../components/svg/walletDropdownLinkCustomIconSvg' # `` @@ -86,5 +87,123 @@ export function WalletComponents() { +### Custom link +Add a custom link to the wallet dropdown menu, allowing users to navigate to external resources directly from the wallet interface. + +```tsx +// omitted for brevity + // [!code focus] + Base Token Store // [!code focus] + // [!code focus] +``` + + + + + + + + + + + +
+ + + + Base Token Store + + + + + + +{/* +// custom content + +children: Not an HTML attribute, but a React concept. It represents the content between opening and closing tags of a component. +- + Profile + 👤 + + + Bold and Italic + + Or update text? + +*/} + +### Custom children components +Accepts React children, enabling the use of custom elements, styled text, icons, and complex components. +This allows for diverse customizations, including complex layouts and conditional rendering based on your app's state. + +```tsx +// omitted for brevity + // [!code focus] + Profile // [!code focus] + 🔵 // [!code focus] + // [!code focus] +``` + + + + + + + + + + + +
+ + + + Profile + 🔵 + + + + + + +### Override styles +You can override component styles using className. + +```tsx +// omitted for brevity + // [!code focus] + Wallet // [!code focus] + // [!code focus] +``` + + + + + + + + + + +
+ + + + Wallet + + + + + + ## Props - [`WalletDropdownLinkReact`](/wallet/types#walletdropdownlinkreact) From 4402c7885d8ee5e99944e7c5f2a23b7f77c889d6 Mon Sep 17 00:00:00 2001 From: Paul Cramer Date: Wed, 14 Aug 2024 12:09:10 -0700 Subject: [PATCH 07/12] Save changes --- ... => walletDropdownLinkCustomCatIconSvg.tsx} | 0 .../docs/pages/wallet/wallet-dropdown-link.mdx | 18 ++---------------- 2 files changed, 2 insertions(+), 16 deletions(-) rename site/docs/components/svg/{walletDropdownLinkCustomIconSvg.tsx => walletDropdownLinkCustomCatIconSvg.tsx} (100%) diff --git a/site/docs/components/svg/walletDropdownLinkCustomIconSvg.tsx b/site/docs/components/svg/walletDropdownLinkCustomCatIconSvg.tsx similarity index 100% rename from site/docs/components/svg/walletDropdownLinkCustomIconSvg.tsx rename to site/docs/components/svg/walletDropdownLinkCustomCatIconSvg.tsx diff --git a/site/docs/pages/wallet/wallet-dropdown-link.mdx b/site/docs/pages/wallet/wallet-dropdown-link.mdx index 8eb98389f2..3b79af4049 100644 --- a/site/docs/pages/wallet/wallet-dropdown-link.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-link.mdx @@ -15,7 +15,7 @@ import { WalletDropdownLink, } from '@coinbase/onchainkit/wallet'; import WalletComponents from '../../components/WalletComponents'; -import { walletDropdownLinkCustomIconSvg } from '../../components/svg/walletDropdownLinkCustomIconSvg' +import { walletDropdownLinkCustomCatIconSvg } from '../../components/svg/walletDropdownLinkCustomCatIconSvg' # `` @@ -126,21 +126,6 @@ Add a custom link to the wallet dropdown menu, allowing users to navigate to ext -{/* -// custom content - -children: Not an HTML attribute, but a React concept. It represents the content between opening and closing tags of a component. -- - Profile - 👤 - - - Bold and Italic - - Or update text? - -*/} - ### Custom children components Accepts React children, enabling the use of custom elements, styled text, icons, and complex components. This allows for diverse customizations, including complex layouts and conditional rendering based on your app's state. @@ -184,6 +169,7 @@ You can override component styles using className. Wallet // [!code focus] // [!code focus] ``` + From cece33dd257b76d952e6d3e6a6cbb83379622894 Mon Sep 17 00:00:00 2001 From: Paul Cramer Date: Wed, 14 Aug 2024 12:09:55 -0700 Subject: [PATCH 08/12] Clean up --- site/docs/components/svg/walletDropdownLinkCustomCatIconSvg.tsx | 2 +- site/docs/pages/wallet/wallet-dropdown-link.mdx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/site/docs/components/svg/walletDropdownLinkCustomCatIconSvg.tsx b/site/docs/components/svg/walletDropdownLinkCustomCatIconSvg.tsx index f54a0ac7b6..88750f5d6c 100644 --- a/site/docs/components/svg/walletDropdownLinkCustomCatIconSvg.tsx +++ b/site/docs/components/svg/walletDropdownLinkCustomCatIconSvg.tsx @@ -1,4 +1,4 @@ -export const walletDropdownLinkCustomIconSvg = ( +export const walletDropdownLinkCustomCatIconSvg = ( From f7f2cd023bdce7ccac0d3336955fe3dc3345c1d7 Mon Sep 17 00:00:00 2001 From: Paul Cramer Date: Wed, 14 Aug 2024 12:17:35 -0700 Subject: [PATCH 09/12] update description --- site/docs/pages/wallet/wallet-dropdown-link.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/docs/pages/wallet/wallet-dropdown-link.mdx b/site/docs/pages/wallet/wallet-dropdown-link.mdx index 47b2ec07ae..9aee5d5824 100644 --- a/site/docs/pages/wallet/wallet-dropdown-link.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-link.mdx @@ -19,7 +19,7 @@ import { walletDropdownLinkCustomCatIconSvg } from '../../components/svg/walletD # `` -The `WalletDropdownLink` creates a custom link within the dropdown. Use the icon prop to add an icon, and href to specify the destination. +The `WalletDropdownLink` component creates customizable, interactive links within the wallet dropdown menu. ## Usage From 9f4e8fe50906e89d52f374ff3820a8c1187741ed Mon Sep 17 00:00:00 2001 From: Paul Cramer Date: Wed, 14 Aug 2024 12:20:37 -0700 Subject: [PATCH 10/12] clean --- site/docs/pages/wallet/wallet-dropdown-base-name.mdx | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/site/docs/pages/wallet/wallet-dropdown-base-name.mdx b/site/docs/pages/wallet/wallet-dropdown-base-name.mdx index ef55f34e2b..eccab09483 100644 --- a/site/docs/pages/wallet/wallet-dropdown-base-name.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-base-name.mdx @@ -90,11 +90,11 @@ export function WalletComponents() { You can override component styles using `className`. - ```tsx - // omitted for brevity +```tsx +// omitted for brevity - // [!code focus] - ``` + // [!code focus] +``` @@ -115,6 +115,5 @@ You can override component styles using `className`. - ## Props - [`WalletDropdownBaseNameReact`](/wallet/types#walletdropdownbasenamereact) From ed2a0d3839f0b9e8539407ac54090baf0711c66d Mon Sep 17 00:00:00 2001 From: Paul Cramer Date: Wed, 14 Aug 2024 13:32:23 -0700 Subject: [PATCH 11/12] Update exapmle to use base.org --- site/docs/pages/wallet/wallet-dropdown-link.mdx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/site/docs/pages/wallet/wallet-dropdown-link.mdx b/site/docs/pages/wallet/wallet-dropdown-link.mdx index 9aee5d5824..09e46836bf 100644 --- a/site/docs/pages/wallet/wallet-dropdown-link.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-link.mdx @@ -94,10 +94,10 @@ Add a custom link to the wallet dropdown menu, allowing users to navigate to ext // omitted for brevity // [!code focus] - Base Token Store // [!code focus] + Base.org // [!code focus] // [!code focus] ``` @@ -116,10 +116,10 @@ Add a custom link to the wallet dropdown menu, allowing users to navigate to ext - Base Token Store + Base.org From dbc1f5e9e17f72402072e1ae46083d8a6d144e9e Mon Sep 17 00:00:00 2001 From: Paul Cramer Date: Wed, 14 Aug 2024 13:39:49 -0700 Subject: [PATCH 12/12] Update dropdown example to base.org --- .../walletDropdownLinkCustomBaseIconSvg.tsx | 244 ++++++++++++++++++ .../walletDropdownLinkCustomCatIconSvg.tsx | 194 -------------- .../pages/wallet/wallet-dropdown-link.mdx | 6 +- 3 files changed, 247 insertions(+), 197 deletions(-) create mode 100644 site/docs/components/svg/walletDropdownLinkCustomBaseIconSvg.tsx delete mode 100644 site/docs/components/svg/walletDropdownLinkCustomCatIconSvg.tsx diff --git a/site/docs/components/svg/walletDropdownLinkCustomBaseIconSvg.tsx b/site/docs/components/svg/walletDropdownLinkCustomBaseIconSvg.tsx new file mode 100644 index 0000000000..e8fbc2c9fb --- /dev/null +++ b/site/docs/components/svg/walletDropdownLinkCustomBaseIconSvg.tsx @@ -0,0 +1,244 @@ +export const walletDropdownLinkCustomBaseIconSvg = ( + + + + + + + + + + + + + + + + + + +); diff --git a/site/docs/components/svg/walletDropdownLinkCustomCatIconSvg.tsx b/site/docs/components/svg/walletDropdownLinkCustomCatIconSvg.tsx deleted file mode 100644 index 88750f5d6c..0000000000 --- a/site/docs/components/svg/walletDropdownLinkCustomCatIconSvg.tsx +++ /dev/null @@ -1,194 +0,0 @@ -export const walletDropdownLinkCustomCatIconSvg = ( - - - - - - - - - - -); diff --git a/site/docs/pages/wallet/wallet-dropdown-link.mdx b/site/docs/pages/wallet/wallet-dropdown-link.mdx index 09e46836bf..abe3c1d728 100644 --- a/site/docs/pages/wallet/wallet-dropdown-link.mdx +++ b/site/docs/pages/wallet/wallet-dropdown-link.mdx @@ -15,7 +15,7 @@ import { WalletDropdownLink, } from '@coinbase/onchainkit/wallet'; import WalletComponents from '../../components/WalletComponents'; -import { walletDropdownLinkCustomCatIconSvg } from '../../components/svg/walletDropdownLinkCustomCatIconSvg' +import { walletDropdownLinkCustomBaseIconSvg } from '../../components/svg/walletDropdownLinkCustomBaseIconSvg' # `` @@ -93,7 +93,7 @@ Add a custom link to the wallet dropdown menu, allowing users to navigate to ext ```tsx // omitted for brevity // [!code focus] @@ -115,7 +115,7 @@ Add a custom link to the wallet dropdown menu, allowing users to navigate to ext