Fixed thirdweb icon in /docs

docs/src/kit-docs/tabs/Tabs.svelte

@@ -43,4 +43,4 @@
   .tabs ul {
     border-color: var(--kd-color-gray-divider);
   }
-</style>
+</style>

docs/src/lib/components/Footer.svelte

@@ -37,7 +37,11 @@
         <TwitterIcon width={iconSize} height={iconSize} />
         <span class="sr-only">X (formerly Twitter)</span>
       </a>
-      <a class="icon-link" href="//www.youtube.com/channel/UCdzMx7Zhy5va5End1-XJFbA" target="_blank">
+      <a
+        class="icon-link"
+        href="//www.youtube.com/channel/UCdzMx7Zhy5va5End1-XJFbA"
+        target="_blank"
+      >
         <YoutubeIcon width={iconSize} height={iconSize} />
         <span class="sr-only">Youtube</span>
       </a>
@@ -53,16 +57,12 @@
       <div class="text">{text.copyright}</div>
     </div>
     <div class="flex">
-      <a
-        target="_blank"
-        href="https://thirdweb.com/privacy-policy"
-        class="text-sm hover:text-white">Privacy Policy</a
+      <a target="_blank" href="https://thirdweb.com/privacy-policy" class="text-sm hover:text-white"
+        >Privacy Policy</a
       >
       <div class="w-px bg-gray-divider mx-2 h-4" />
-      <a
-        target="_blank"
-        href="https://thirdweb.com/terms"
-        class="text-sm hover:text-white">Terms of Service</a
+      <a target="_blank" href="https://thirdweb.com/terms" class="text-sm hover:text-white"
+        >Terms of Service</a
       >
     </div>
   </div>

docs/src/lib/services/onboard.js

@@ -1,7 +1,7 @@
-import thirdwebIcon from '../components/icons/thirdweb-icon'
+import blocknativeIcon from '../components/icons/blocknative-icon'
 
 let onboard
-const getOnboard = async passedTheme => {
+const getOnboard = async (passedTheme) => {
   const key = 'svelteness::color-scheme'
   const scheme = localStorage[key]
   let theme = passedTheme || scheme
@@ -10,8 +10,8 @@ const getOnboard = async passedTheme => {
   return onboard
 }
 
-const classMutationsCheck = mutationsList => {
-  mutationsList.forEach(mutation => {
+const classMutationsCheck = (mutationsList) => {
+  mutationsList.forEach((mutation) => {
     if (onboard && mutation.attributeName === 'class') {
       if (mutation.target.className.includes('dark')) {
         onboard.state.actions.updateTheme('dark')
@@ -28,7 +28,7 @@ const classMutationListener = () => {
   mutationObserver.observe(document.querySelector('html'), { attributes: true })
 }
 
-const intiOnboard = async theme => {
+const intiOnboard = async (theme) => {
   const { default: Onboard } = await import('@web3-onboard/core')
   const { default: injectedModule } = await import('@web3-onboard/injected-wallets')
   const { default: trezorModule } = await import('@web3-onboard/trezor')
@@ -118,8 +118,8 @@ const intiOnboard = async theme => {
   const finoaconnect = finoaConnectModule(finoaConnectOptions)
 
   const uauthOptions = {
-    clientID: "a7371c4a-a61e-4fac-af48-4471c2e69e93",
-    redirectUri: "https://onboard.blocknative.com",
+    clientID: 'a7371c4a-a61e-4fac-af48-4471c2e69e93',
+    redirectUri: 'https://onboard.blocknative.com',
     scope: 'openid wallet email:optional humanity_check:optional profile:optional social:optional',
     walletConnectProjectId: 'f6bd6e2911b56f5ac3bc8b2d0e2d7ad5'
   }
@@ -263,7 +263,7 @@ const intiOnboard = async theme => {
     ],
     appMetadata: {
       name: 'Web3 Onboard Documentation',
-      icon: thirdwebIcon,
+      icon: blocknativeIcon,
       description: 'Example showcasing how to connect a wallet.',
       recommendedInjectedWallets: [
         { name: 'MetaMask', url: 'https://metamask.io' },

docs/src/routes/docs/[...3]modules/[...1]core/+page.md

@@ -318,6 +318,7 @@ type ConnectModalOptions = {
 
 An object that defines the display text for different locales. Can also be used to override the default text. To override the default text, pass in an object for the `en` locale.
 Currently there is built-in support for:
+
 - English (`en`) - Default
 - Simplified Chinese (`zh`)
 

docs/src/routes/docs/[...3]modules/[...3]react/+page.md

@@ -357,7 +357,7 @@ type Notify = {
   /**
    * Position of notifications that defaults to the same position as the
    * Account Center (if enabled) of the top right if AC is disabled
-   * and notifications are enabled 
+   * and notifications are enabled
    */
   position?: NotificationPosition
 }

docs/src/routes/docs/[...3]modules/[...4]solid/+page.md

@@ -27,7 +27,6 @@ npm install @web3-onboard/solid @web3-onboard/injected-wallets
   </TabPanel>
 </Tabs>
 
-
 ## Quickstart
 
 ```typescript
@@ -39,8 +38,7 @@ const injected = injectedModule()
 // Only one RPC endpoint required per chain
 const rpcAPIKey = '<INFURA_KEY>' || '<ALCHEMY_KEY>'
 const rpcUrl =
-  `https://eth-mainnet.g.alchemy.com/v2/${rpcAPIKey}` ||
-  `https://mainnet.infura.io/v3/${rpcAPIKey}`
+  `https://eth-mainnet.g.alchemy.com/v2/${rpcAPIKey}` || `https://mainnet.infura.io/v3/${rpcAPIKey}`
 
 const web3Onboard = init({
   wallets: [injected],
@@ -60,16 +58,12 @@ const web3Onboard = init({
   ]
 })
 
-const { wallets, connectWallet, disconnectConnectedWallet, connectedWallet } =
-  useOnboard()
+const { wallets, connectWallet, disconnectConnectedWallet, connectedWallet } = useOnboard()
 
 if (connectedWallet) {
   // if using ethers v6 this is:
   // ethersProvider = new ethers.BrowserProvider(wallet.provider, 'any')
-  const ethersProvider = new ethers.providers.Web3Provider(
-    connectedWallet.provider,
-    'any'
-  )
+  const ethersProvider = new ethers.providers.Web3Provider(connectedWallet.provider, 'any')
   // ..... do stuff with the provider
 }
 ```
@@ -114,13 +108,8 @@ import { useOnboard } from '@web3-onboard/solid'
 // Use the composable
 const onboard = useOnboard()
 // Or destructure it
-const {
-  wallets,
-  connectedWallet,
-  connectedChain,
-  connectWallet,
-  disconnectConnectedWallet
-} = useOnboard()
+const { wallets, connectedWallet, connectedChain, connectWallet, disconnectConnectedWallet } =
+  useOnboard()
 // do stuff
 ```
 
@@ -174,12 +163,7 @@ Function to disconnect the `connectedWallet`
 import { useOnboard } from '@web3-onboard/solid'
 function SampleConnect() {
   const { disconnectConnectedWallet } = useOnboard()
-  return (
-    <button onClick={() => disconnectConnectedWallet()}>
-      {' '}
-      disconnect wallet
-    </button>
-  )
+  return <button onClick={() => disconnectConnectedWallet()}> disconnect wallet</button>
 }
 ```
 
@@ -264,8 +248,6 @@ Readonly ref that contains the last time that the user connected a wallet in mil
 import { useOnboard } from '@web3-onboard/solid'
 function SampleConnect() {
   const { lastConnectedTimestamp } = useOnboard()
-  return (
-    <span>Your last connection timestamp was: {lastConnectedTimestamp}</span>
-  )
+  return <span>Your last connection timestamp was: {lastConnectedTimestamp}</span>
 }
 ```

docs/src/routes/docs/[...3]modules/[...8]wagmi/+page.md

@@ -33,9 +33,10 @@ Full documentation for `wagmi/core` API functions can be found [here](https://wa
 
 ### wagmiConfig
 
-After initialization an up-to-date WAGMI config will will be available from the onboard state object `onboard.state.get().wagmiConfig` which will need to be passed as the first prop of most [@wagmi/core](https://wagmi.sh/core/getting-started) methods. 
+After initialization an up-to-date WAGMI config will will be available from the onboard state object `onboard.state.get().wagmiConfig` which will need to be passed as the first prop of most [@wagmi/core](https://wagmi.sh/core/getting-started) methods.
 
 ### wagmiConnector and Connectors
+
 Wallets will also have a `wagmiConnector` prop within the onboard state object which will allow you to target specific wallets for interactions. This can also be bi-passed if the primary or most recently connected wallet is the wallet meant for the transactions.
 The config and connectors can be used with the WAGMI API returned from this module or an external WAGMI instance.
 

docs/src/routes/docs/[...4]wallets/[...10]frame/+page.md

@@ -76,4 +76,4 @@ type Platform =
   | 'desktop'
   | 'mobile'
   | 'tablet'
-```
+```

docs/src/routes/docs/[...4]wallets/[...12]gnosis/+page.md

@@ -81,7 +81,6 @@ Note: With the `safeTxGas` you will see additional value on the `gasLimit` displ
 
 For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments).
 
-
 ## Local testing within the Safe app
 
 Ensure the application is building and working properly within the browser and then add or enable your cors blocker extension or script of choice. An example is the `Allow CORS` browser extension.
@@ -102,4 +101,4 @@ export default defineConfig({
     include: ['@safe-global/safe-apps-sdk', '@safe-global/safe-apps-provider']
   }
 })
-```
+```

docs/src/routes/docs/[...4]wallets/[...1]arcana/+page.md

@@ -49,7 +49,7 @@ const arcanaAuth = arcanaAuthModule({
 const onboard = Onboard({
   // ... other Onboard options
   wallets: [
-    arcanaAuth,
+    arcanaAuth
     //... other wallets
   ]
 })

docs/src/routes/docs/[...4]wallets/[...22]particlenetwork/+page.md

@@ -60,16 +60,27 @@ console.log(connectedWallets)
 /**
  * Enumerates the supported authentication types.
  */
-type AuthTypes = 'email' | 'phone' | 'google' | 'apple' | 'twitter' | 'facebook' | 'microsoft' | 'linkedin' | 'github' | 'twitch' | 'discord';
+type AuthTypes =
+  | 'email'
+  | 'phone'
+  | 'google'
+  | 'apple'
+  | 'twitter'
+  | 'facebook'
+  | 'microsoft'
+  | 'linkedin'
+  | 'github'
+  | 'twitch'
+  | 'discord'
 
 /**
  * Interface that describes the preferred authentication type.
  * @property {AuthTypes} type - The preferred type of authentication.
  * @property {boolean} setAsDisplay - Indicates whether the type should be displayed within the UI.
  */
 interface PreferredAuthType {
-  type: AuthTypes;
-  setAsDisplay: boolean;
+  type: AuthTypes
+  setAsDisplay: boolean
 }
 
 /**
@@ -83,12 +94,12 @@ interface PreferredAuthType {
  * @property {AuthTypes | PreferredAuthType} [preferredAuthType] - (Optional) Specifies the preferred type of authentication.
  */
 interface ParticleAuthModuleOptions {
-  projectId: string;
-  clientKey: string;
-  appId: string;
-  chainName?: string;
-  chainId?: number;
-  wallet?: object;
-  preferredAuthType?: AuthTypes | PreferredAuthType;
+  projectId: string
+  clientKey: string
+  appId: string
+  chainName?: string
+  chainId?: number
+  wallet?: object
+  preferredAuthType?: AuthTypes | PreferredAuthType
 }
 ```

docs/src/routes/docs/[...4]wallets/[...23]phantom/+page.md

@@ -52,4 +52,4 @@ console.log(connectedWallets)
 
 ## Build Environments
 
-For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)
+For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)

docs/src/routes/docs/[...4]wallets/[...25]taho/+page.md

@@ -47,4 +47,4 @@ console.log(connectedWallets)
 
 ## Build Environments
 
-For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)
+For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)

docs/src/routes/docs/[...4]wallets/[...26]tallyho/+page.md

@@ -51,4 +51,4 @@ console.log(connectedWallets)
 
 ## Build Environments
 
-For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)
+For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)

docs/src/routes/docs/[...4]wallets/[...27]torus/+page.md

@@ -92,4 +92,4 @@ config.module.rules = [
 
 ## Build Environments
 
-For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)
+For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)

docs/src/routes/docs/[...4]wallets/[...29]uauth/+page.md

@@ -89,8 +89,7 @@ const uauth = uauthModule({
   clientID: 'a25c3a65-a1f2-46cc-a515-a46fe7acb78c',
   walletConnectProjectId: 'f6bd6e2911b56f5ac3bc8b2d0e2d7ad5',
   redirectUri: 'http://localhost:8080/',
-  scope:
-    'openid wallet email:optional humanity_check:optional profile:optional social:optional'
+  scope: 'openid wallet email:optional humanity_check:optional profile:optional social:optional'
 })
 
 // can also initialize with basic options...

docs/src/routes/docs/[...4]wallets/[...30]venly/+page.md

@@ -1,6 +1,7 @@
 # Venly
 
 Wallet module for connecting Venly Wallet SDK to Web3 Onboard. Check out the [Venly Docs](https://docs.venly.io/) for more information.
+
 ## Install
 
 <Tabs values={['yarn', 'npm']}>
@@ -41,8 +42,8 @@ import Onboard from '@web3-onboard/core'
 import venlyModule from '@web3-onboard/venly'
 
 // initialize the module with options
-const venly = venlyModule({ 
-  clientId: 'YOUR_CLIENT_ID',
+const venly = venlyModule({
+  clientId: 'YOUR_CLIENT_ID'
 })
 
 const onboard = Onboard({
@@ -58,4 +59,5 @@ console.log(connectedWallets)
 ```
 
 ## Build Environments
+
 For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)

docs/src/routes/docs/[...4]wallets/[...31]walletconnect/+page.md

@@ -25,7 +25,6 @@ npm install @web3-onboard/walletconnect
   </TabPanel>
 </Tabs>
 
-
 ```typescript
 type WalletConnectOptions = {
   /**

docs/src/routes/docs/[...4]wallets/[...34]xdefi/+page.md

@@ -50,4 +50,4 @@ console.log(connectedWallets)
 
 ## Build Environments
 
-For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)
+For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)

docs/src/routes/docs/[...4]wallets/[...35]zeal/+page.md

@@ -52,4 +52,4 @@ console.log(connectedWallets)
 
 ## Build Environments
 
-For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)
+For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)

docs/src/routes/docs/[...4]wallets/[...36]finoaconnect/+page.md

@@ -26,8 +26,9 @@ npm install @web3-onboard/core @web3-onboard/finoaconnect
 ## Usage
 
 Optional initialization object
+
 ```typescript
-/** Optional object provided to the initiation of the wallet connector. 
+/** Optional object provided to the initiation of the wallet connector.
  * When not included, the wallet connector service connects to FinoaConnect production systems.
  * @field {url} URL of the FinoaConnect backend systems to be used
  * @field {labelSuffix} arbitrary string label to denote the context of the URL field  */

docs/src/routes/docs/[...4]wallets/[...37]bloom/+page.md

@@ -25,7 +25,6 @@ npm install @web3-onboard/bloom
   </TabPanel>
 </Tabs>
 
-
 ```typescript
 type WalletConnectOptions = {
   /**