Save progress

coinbase · Aug 7, 2024 · d617f96 · d617f96
1 parent 584aa55
commit d617f96
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 10 deletions.
diff --git a/site/docs/components/App.tsx b/site/docs/components/App.tsx
@@ -1,6 +1,6 @@
 'use client';
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-// import { OnchainKitProvider } from '../pages/src/OnchainKitProvider';
+// import { OnchainKitProvider } from '@coinbase/onchainkit';
+import { OnchainKitProvider } from '../pages/src/OnchainKitProvider';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import type { ReactNode } from 'react';
 import { http, WagmiProvider, createConfig } from 'wagmi';

diff --git a/site/docs/pages/wallet/wallet.mdx b/site/docs/pages/wallet/wallet.mdx
@@ -8,15 +8,16 @@ import {
   Wallet,
   WalletDropdown,
   WalletDropdownLink,
+  WalletDropdownBaseName,
   WalletDropdownDisconnect,
-} from '@coinbase/onchainkit/wallet';
+} from '../src/wallet';
 import {
   Address,
   Avatar,
   Name,
   Identity,
   EthBalance,
-} from '@coinbase/onchainkit/identity';
+} from '../src/identity';
 import { color } from '@coinbase/onchainkit/theme';
 import AppWithRK from '../../components/AppWithRK';
 import WalletComponents from '../../components/WalletComponents';
@@ -86,6 +87,7 @@ export function WalletComponents() {
       <WalletDropdownLink icon="wallet" href="https://wallet.coinbase.com">
         Wallet
       </WalletDropdownLink>
+      <WalletDropdownBaseName />
       <WalletDropdownDisconnect />
     </WalletDropdown>
   </Wallet>

diff --git a/src/identity/components/IdentityLayout.tsx b/src/identity/components/IdentityLayout.tsx
@@ -44,7 +44,7 @@ export function IdentityLayout({
     <div
       className={cn(
         background.default,
-        'flex items-center space-x-4 px-2 py-1',
+        'flex items-center space-x-4 px-4 py-1',
         onClick && `${pressable.default} relative`,
         className,
       )}

diff --git a/src/wallet/components/WalletDropdownBaseName.tsx b/src/wallet/components/WalletDropdownBaseName.tsx
@@ -41,7 +41,7 @@ export function WalletDropdownBaseName({
       <div className="-translate-y-1/2 absolute top-1/2 left-4 flex h-5 w-5 items-center justify-center">
         {baseNameSvg}
       </div>
-      <div className="flex w-full items-center pl-[1.8125rem]">
+      <div className="flex w-full items-center pl-6">
         {isLoading ? (
           <Spinner />
         ) : (

diff --git a/src/wallet/components/WalletDropdownDisconnect.tsx b/src/wallet/components/WalletDropdownDisconnect.tsx
@@ -27,7 +27,7 @@ export function WalletDropdownDisconnect({
       <div className="-translate-y-1/2 absolute top-1/2 left-4 flex h-5 w-5 items-center justify-center">
         {disconnectSvg}
       </div>
-      <span className={cn(dsText.body, 'pl-[1.8125rem]')}>{text}</span>
+      <span className={cn(dsText.body, 'pl-6')}>{text}</span>
     </button>
   );
 }
diff --git a/src/wallet/components/WalletDropdownLink.tsx b/src/wallet/components/WalletDropdownLink.tsx
@@ -35,10 +35,10 @@ export function WalletDropdownLink({
       target={target}
       rel={rel}
     >
-      <div className="-translate-y-1/2 absolute top-1/2 left-4 flex h-5 w-5 items-center justify-center">
+      <div className="absolute left-4 top-1/2 -translate-y-1/2 flex h-5 w-5 items-center justify-center">
         {iconSvg}
       </div>
-      <span className={cn(text.body, 'pl-[1.8125rem]')}>{children}</span>
+      <span className={cn(text.body, 'pl-6')}>{children}</span>
     </a>
   );
-}
+}